/*dc0b1b* Author: Wisely Themes
* Author URI: http://themeforest.net/user/wiselythemes
* Theme Name: Cozy
* Version: 1.0.0
*/
/* Table of Content
==================================================
#Variables
#Mixins
#Imports
#Typography
#General
#Header
#Navigation
#Home
#About
#Agency detail/listing
#Property detail/listing
#FAQ
#Pricing Tables
#404 Error
#Blog
#Login/Resgister
#Contacts
#Footer
#PrettyPhoto Skin Override*/
/* #Typography
================================================== */
a:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Raleway', sans-serif;
color: #dc0b1b;
font-weight: 300;
margin: 0;
text-transform: uppercase;
/*text-rendering: optimizelegibility;*/
}
h1 {
font-size: 21pt;
}
h2 {
font-size: 17pt;
}
h3 {
font-weight: 500;
font-size: 15pt;
text-transform: none;
}
h4 {
font-size: 17pt;
text-transform: none;
}
h5 {
font-size: 15px;
text-transform: none;
}
/* #General
================================================== */
html {
overflow: auto;
}
body {
padding: 0;
height: 100%;
color: #74777c;
overflow: hidden;
background-color: #fff;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
::-moz-selection {
background:rgba(51, 51, 51, 0.99);
color:#fff;
}
::-webkit-selection {
background:rgba(51, 51, 51, 0.99);
color:#fff;
}
::selection {
background:rgba(51, 51, 51, 0.99);
color:#fff;
}
.color {
color: #dc0b1b;
}
a {
color: #dc0b1b;
}
a:hover,
a:focus {
color: #dc0b1b;
}
iframe[src="about:blank"] {
display: none;
}
#wrapper {
position: relative;
overflow: hidden;
left: 0;
z-index: 99;
height: 100%;
background-color: #fff;
-webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.3);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
#wrapper::after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: transparent;
content: '';
z-index: 1002;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
#wrapper.open {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
#wrapper.open::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.darker-text {
color: #4d4f52;
}
.center {
float: none;
text-align: center;
margin: 0 auto;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.form-control {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: none;
border-color: #E4E4E4;
color: #74777c;
height: 41px;
margin-bottom: 10px;
}
.form-control:focus {
box-shadow: none;
outline: 0 none;
border-color: #adb2b6;
}
.form-control-large,
.form-control-small {
width: 345px;
display: inline-block;
margin: 0 10px;
}
.form-control-large .chzn-container,
.form-control-small .chzn-container,
.form-control-large .form-control,
.form-control-small .form-control {
margin-bottom: 15px;
width: 100%;
}
.form-control-small {
width: 188px;
}
.colored .form-control {
color: #fff;
border: none;
background-color: rgba(255, 255, 255, 0.1);
}
.colored .form-control::-webkit-input-placeholder {
color: #fff;
}
.colored .form-control:-moz-placeholder {
color: #fff;
}
.colored .form-control::-moz-placeholder {
color: #fff;
}
.colored .form-control:-ms-input-placeholder {
color: #fff;
}
.invalid {
border-color: #F23030 !important;
}
.btn {
font-size: 13px;
height: 35px;
line-height: 32px;
padding: 0 16px;
border-width: 2px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: none;
}
.btn:active,
.btn.active {
box-shadow: none;
}
.btn i {
margin-right: 5px;
}
.btn-default,
.btn-default-color,
.btn-fullcolor {
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-default,
.btn-default:focus {
background-color: #dc0b1b;
border-color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
}
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.btn-default-color,
.btn-default-color:focus {
background-color: transparent;
border-color: #adb2b6;
color: #adb2b6;
}
.btn-default-color:hover,
.btn-default-color:active,
.btn-default-color.active,
.open .dropdown-toggle.btn-default-color {
background-color: transparent;
border-color: #dc0b1b;
color: #dc0b1b;
}
.btn-fullcolor,
.btn-fullcolor:focus {
background-color: #dc0b1b;
border-color: transparent;
color: rgba(255, 255, 255, 0.7);
}
.btn-fullcolor:hover,
.btn-fullcolor:active,
.btn-fullcolor.active,
.open .dropdown-toggle.btn-fullcolor {
color: #ffffff;
}
.btn-lg,
.btn-group-lg > .btn {
border-width: 2px;
height: 45px;
line-height: 43px;
font-size: 14px;
}
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
color: #fff !important;
background-color: #da4f49 !important;
border-color: #c72f29;
}
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
color: #fff !important;
background-color: #5bb75b !important;
border-color: #449b44;
}
.animate-fade {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.animate-from-top {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.animate-from-bottom {
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.animate-from-left {
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.animate-from-right {
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.animation-fade {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.animation-from-bottom,
.animation-from-top {
-webkit-transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
-moz-transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
-o-transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.animation-from-left,
.animation-from-right {
-webkit-transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
-moz-transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
-o-transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
transition-timing-function: cubic-bezier(0.2, 0.75, 0.25, 0.9);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.section-title,
.section-highlight {
padding-bottom: 24px;
position: relative;
margin-bottom: 16px;
margin-top: 60px;
text-align: center;
clear: both;
display: inline-block;
width: 100%;
}
.section-title:before,
.section-highlight:before,
.section-title:after,
.section-highlight:after {
content: " ";
position: absolute;
bottom: 3px;
left: 50%;
margin-left: -50px;
width: 100px;
height: 1px;
background-color: #dc0b1b;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.section-title:after,
.section-highlight:after {
bottom: 0px;
}
.section-highlight {
text-transform: none;
font-size: 24pt;
margin-top: 10px;
}
.section-highlight:before,
.section-highlight:after {
background-color: #74777c;
}
.page-title {
color: #fff;
text-align: left;
margin-bottom: 8px;
}
.text-highlight {
background-color: #dc0b1b;
color: #fff;
padding: 20px 15px;
font-size: 20pt;
line-height: 22pt;
font-family: 'Raleway', sans-serif;
font-weight: 300;
margin-bottom: 30px;
}
.text-highlight strong {
font-weight: 500;
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.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 {
margin-top: 10px;
text-align: center;
-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);
}
/* mouse grab icon */
.grabbing {
cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.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);
}
/* Styling Next and Prev buttons */
.owl-controls .owl-buttons {
position: absolute;
top: 10px;
right: -5px;
background: #dc0b1b;
height: 57px;
width: 33px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.owl-controls .owl-buttons:before {
content: " ";
position: absolute;
right: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #70221e;
border-style: solid;
border-width: 0 0 6px 7px;
height: 0;
width: 0;
}
.owl-controls .owl-buttons div {
color: #FFF;
zoom: 1;
font-size: 12px;
padding: 8px 12px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.owl-controls .owl-buttons div.owl-prev {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
border-radius: 4px 0 0 0;
}
.owl-controls .owl-buttons div.owl-prev:before {
content: "\f053";
}
.owl-controls .owl-buttons div.owl-next {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
.owl-controls .owl-buttons div.owl-next:before {
content: "\f054";
}
.owl-controls .owl-buttons div.owl-prev:hover,
.owl-controls .owl-buttons div.owl-next:hover {
background: rgba(255, 255, 255, 0.15);
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-controls.clickable .owl-buttons div:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-controls .owl-page {
display: inline-block;
zoom: 1;
/* *display: inline;*/
}
.owl-controls .owl-page span {
display: block;
width: 15px;
height: 15px;
margin: 5px 8px;
background: #BFC4C8;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
background: #dc0b1b;
}
/* If PaginationNumbers is true */
.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;
}
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center;
}
.carousel-style1 .item {
margin: 0 auto 35px;
text-align: left;
position: relative;
}
.carousel-style1 .item .image {
width: 100%;
/*height:236px;*/
max-height: 236px;
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
-webkit-transition: background-size 0.3s ease-out;
-moz-transition: background-size 0.3s ease-out;
-ms-transition: background-size 0.3s ease-out;
-o-transition: background-size 0.3s ease-out;
transition: background-size 0.3s ease-out;
}
.carousel-style1 .item .image img {
width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.carousel-style1 .item .image > a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 9;
text-align: center;
visibility: hidden;
text-decoration: none;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.carousel-style1 .item .image > a .btn {
margin-top: -17px;
position: relative;
top: 100%;
}
.carousel-style1 .item .image .info {
text-align: left;
}
.carousel-style1 .item .image .info h3 {
color: #fff;
position: absolute;
bottom: 43px;
left: 0;
padding: 0 12px;
}
.carousel-style1 .item .image .info .location {
font-style: italic;
position: absolute;
bottom: 20px;
left: 0;
padding: 0 12px;
display: block;
color: #74777c;
}
.carousel-style1 .item:hover .image {
background-size: auto 120%;
}
.carousel-style1 .item:hover .image img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.carousel-style1 .item:hover .image > a {
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.carousel-style1 .item .price {
position: absolute;
top: 10px;
left: -5px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.carousel-style1 .item .price:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #751814 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
.carousel-style1 .item .price i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.carousel-style1 .item .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
.carousel-style1 .item .amenities {
width: 100%;
list-style: none;
padding: 6px 10px;
margin: 0;
background-color: #fff;
border-color: #E4E4E4;
border-width: 0 1px 1px 1px;
border-style: solid;
text-align: center;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.carousel-style1 .item .amenities li {
display: inline-block;
height: 38px;
margin-right: 10px;
padding-right: 10px;
padding-top: 10px;
border-right: 1px solid #E4E4E4;
color: #74777c;
}
.carousel-style1 .item .amenities li:last-child {
border-right: none;
margin-right: 0px;
padding-right: 0px;
}
.carousel-style1 .item .amenities li .fa {
color: #adb2b6;
font-size: 18px;
}
.carousel-style1 .item .amenities li [class^="icon-"],
.carousel-style1 .item .amenities li [class*=" icon-"] {
color: #adb2b6;
float: left;
font-size: 20px;
margin-right: 3px;
margin-top: -3px;
}
.carousel-style1 .item.disabled {
display: none;
}
.fullwidthsingle .item,
.latest-news-slider .item {
margin: 0 6px;
text-align: left;
position: relative;
}
.fullwidthsingle .item .image,
.latest-news-slider .item .image {
width: 65%;
height: 354px;
overflow: hidden;
position: relative;
display: inline-block;
float: left;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.fullwidthsingle .item .image a,
.latest-news-slider .item .image a {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.fullwidthsingle .item .image img,
.latest-news-slider .item .image img {
width: 100%;
}
.fullwidthsingle .price,
.latest-news-slider .price {
position: absolute;
top: 10px;
left: -5px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.fullwidthsingle .price:before,
.latest-news-slider .price:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #70221e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
.fullwidthsingle .price i,
.latest-news-slider .price i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.fullwidthsingle .price span,
.latest-news-slider .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
.fullwidthsingle .info,
.latest-news-slider .info {
position: relative;
width: 35%;
height: 354px;
background-color: #dc0b1b;
padding: 30px 40px 60px;
display: inline-block;
float: left;
color: #fff;
}
.fullwidthsingle .info h3,
.latest-news-slider .info h3 {
color: #fff;
padding: 0;
margin-bottom: 30px;
text-transform: none;
font-size: 21pt;
}
.fullwidthsingle .info h3 a,
.latest-news-slider .info h3 a {
color: #fff;
}
.fullwidthsingle .info p,
.latest-news-slider .info p {
margin-bottom: 20px;
}
.fullwidthsingle .owl-fade-out,
.latest-news-slider .owl-fade-out {
z-index: 0;
-webkit-animation: fadeOut2 .7s both ease;
-moz-animation: fadeOut2 .7s both ease;
animation: fadeOut2 .7s both ease;
}
.fullwidthsingle .owl-fade-in,
.latest-news-slider .owl-fade-in {
z-index: 1;
}
@-webkit-keyframes fadeOut2 {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut2 {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut2 {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.latest-news-slider .item .image {
width: 55%;
height: 354px;
overflow: hidden;
position: relative;
display: inline-block;
float: left;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.latest-news-slider .item .image a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 1;
text-align: center;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.latest-news-slider .item .image a span.btn {
position: relative;
top: 100%;
margin-top: -17px;
}
.latest-news-slider .item .image:hover a {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.latest-news-slider .item .image:hover a span.btn {
top: 50%;
}
.latest-news-slider .item .tag {
position: absolute;
top: 10px;
left: -6px;
background-color: #dc0b1b;
color: #fff;
padding: 14px 18px;
z-index: 10;
font-size: 17px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.latest-news-slider .item .tag:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #751814 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
.latest-news-slider .item .info {
position: relative;
width: 45%;
height: 354px;
background-color: #dc0b1b;
padding: 22px;
display: inline-block;
float: left;
color: #fff;
}
.latest-news-slider .item .top-info {
padding: 0 0 14px 0;
margin: 0 0 30px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 13px;
float: right;
width: 100%;
}
.latest-news-slider .item .top-info li {
display: inline-block;
margin-right: 14px;
}
.latest-news-slider .item .top-info li:last-child {
margin-right: 0px;
}
.latest-news-slider .item .top-info li i {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
margin-right: 5px;
}
.fullwidthsingle2 .item {
margin: 0 0 0 5px;
text-align: left;
position: relative;
}
.fullwidthsingle2 .item .image {
width: 100%;
height: 205px;
overflow: hidden;
position: relative;
display: inline-block;
float: left;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.fullwidthsingle2 .item .image a {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.fullwidthsingle2 .item .image img {
width: 100%;
}
.fullwidthsingle2 .price {
position: absolute;
top: 10px;
left: -5px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.fullwidthsingle2 .price:before {
content: " ";
position: absolute;
left: 0;
bottom: -5px;
border-color: rgba(0, 0, 0, 0) #70221e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
.fullwidthsingle2 .price i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.fullwidthsingle2 .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
.fullwidthsingle2 .info {
position: relative;
padding: 20px 15px 10px;
display: inline-block;
float: left;
border: 1px solid #e4e4e4;
}
.fullwidthsingle2 .info .item-title {
padding-left: 0;
}
.fullwidthsingle2 .info h3 {
color: #4d4f52;
padding: 0;
text-transform: none;
display: block;
}
.fullwidthsingle2 .info h3 a {
color: #4d4f52;
}
.fullwidthsingle2 .info h3 a:hover {
color: #dc0b1b;
text-decoration: none;
}
.fullwidthsingle2 .info .location {
font-style: italic;
display: block;
color: #74777c;
margin-bottom: 10px;
}
.fullwidthsingle2 .amenities {
list-style: none;
text-align: right;
padding: 0;
margin: 0 0 20px;
}
.fullwidthsingle2 .amenities li {
display: inline-block;
height: 38px;
margin-right: 10px;
padding-right: 10px;
padding-top: 10px;
color: #74777c;
}
.fullwidthsingle2 .amenities li:last-child {
margin-right: 0px;
padding-right: 0px;
}
.fullwidthsingle2 .amenities li i {
color: #adb2b6;
font-size: 18px;
}
.fullwidthsingle2 .info .description {
border-top: 1px solid #e4e4e4;
display: inline-block;
}
.fullwidthsingle2 .info .description p {
margin-bottom: 20px;
padding: 20px 0 0;
}
.breadcrumb {
padding: 0;
margin-bottom: -40px;
text-align: left;
background-color: transparent;
}
.breadcrumb a {
color: #fff;
}
.breadcrumb > li + li:before {
color: #fff;
padding: 0px;
}
.tooltip-inner {
white-space: nowrap;
background-color: #fff;
color: #74777c;
border: 1px solid #e3e3e3;
font-family: 'Open Sans', sans-serif;
}
.tooltip.in {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tooltip.top .tooltip-arrow {
border-top-color: #e3e3e3;
}
.tooltip.top .tooltip-arrow:after {
content: "";
position: absolute;
left: -5px;
border-color: transparent;
height: 0;
width: 0;
border-style: solid;
border-width: 5px 5px 0;
border-top-color: #fff;
margin-top: -6px;
right: 0;
top: 50%;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #e3e3e3;
}
.tooltip.bottom .tooltip-arrow:after {
content: "";
position: absolute;
border-color: transparent;
height: 0;
width: 0;
border-style: solid;
border-width: 0 5px 5px;
border-bottom-color: #fff;
left: 50%;
margin-left: -5px;
top: 1px;
}
.tooltip.right .tooltip-arrow {
border-right-color: #e3e3e3;
}
.tooltip.right .tooltip-arrow:after {
content: "";
position: absolute;
border-color: transparent;
height: 0;
width: 0;
border-style: solid;
border-right-color: #fff;
border-width: 5px 5px 5px 0;
left: 1px;
margin-top: -5px;
top: 50%;
}
.tooltip.left .tooltip-arrow {
border-left-color: #e3e3e3;
}
.tooltip.left .tooltip-arrow:after {
content: "";
position: absolute;
left: -6px;
border-color: transparent;
height: 0;
width: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #fff;
margin-top: -5px;
right: 0;
top: 50%;
}
/* @group Base */
.chzn-container {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100% !important;
margin-bottom: 10px;
zoom: 1;
/* *display: inline;*/
-webkit-user-select: none;
-moz-user-select: none;
}
.chzn-container .chzn-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background-color: #ffffff;
border: 1px solid #E2E3E5;
color: #74777c;
}
.chzn-container.chzn-with-drop .chzn-drop {
left: 0;
}
.chzn-container a {
cursor: pointer;
}
/* @end */
/* @group Single chzn */
.chzn-container-single .chzn-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 15px;
height: 41px;
background-color: rgba(255, 255, 255, 0.1);
background-clip: padding-box;
color: #74777c;
text-decoration: none;
white-space: nowrap;
line-height: 41px;
border: 1px solid #E4E4E4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.chzn-container-single .chzn-default {
color: #74777c;
}
.chzn-container-single .chzn-single span {
display: block;
overflow: hidden;
margin-right: 40px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chzn-container-single .chzn-single-with-deselect span {
margin-right: 60px;
}
.chzn-container-single .chzn-single abbr {
position: absolute;
top: 13px;
right: 48px;
display: block;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.chzn-container-single .chzn-single abbr:before {
content: "\f00d";
}
.chzn-container-single .chzn-single abbr:hover {
transform: scale(1.2);
}
.chzn-container-single .chzn-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 38px;
height: 100%;
}
.chzn-container-single .chzn-single div:after {
content: " ";
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 80%;
margin-top: 10%;
border-left: 1px solid #E4E4E4;
}
.chzn-container-single .chzn-single div b {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
text-align: center;
}
.chzn-container-single .chzn-single div b:before {
content: "\f078";
}
.chzn-container-single .chzn-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chzn-container-single .chzn-search input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid rgba(116, 119, 124, 0.5);
background-color: #fff;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chzn-container-single .chzn-search:before {
content: "\f002";
position: absolute;
top: 9px;
right: 10px;
color: #74777c;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.chzn-container-single .chzn-drop {
border-radius: 4px;
background-clip: padding-box;
}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 4px 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chzn-container .chzn-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
-webkit-touch-callout: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.chzn-container .chzn-results li.active-result {
display: list-item;
cursor: pointer;
}
.chzn-container .chzn-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chzn-container .chzn-results li.highlighted {
background-color: rgba(173, 178, 182, 0.9);
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.chzn-container .chzn-results li.no-results {
display: list-item;
background: #f4f4f4;
}
.chzn-container .chzn-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chzn-container .chzn-results li.group-option {
padding-left: 15px;
}
.chzn-container .chzn-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi chzn */
.chzn-container-multi .chzn-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
padding-bottom: 20px;
margin-bottom: 25px;
width: 100%;
height: auto !important;
border-bottom: 1px solid #e3e3e3;
background-color: transparent;
cursor: text;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 5px;
height: auto;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #74777c;
font-size: 100%;
font-family: 'Open Sans', sans-serif;
line-height: normal;
border-radius: 0;
}
.chzn-container-multi .chzn-choices li.search-field .default {
color: #74777c;
}
.chzn-container-multi .chzn-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 0px 28px 0 14px;
border: 1px solid #e3e3e3;
background-color: rgba(255, 255, 255, 0.5);
color: #74777c;
line-height: 30px;
cursor: default;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
position: absolute;
top: 8px;
right: 12px;
display: block;
width: 12px;
height: 12px;
color: #74777c;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:before {
content: "\f00d";
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
text-decoration: none;
transform: scale(1.2);
}
.chzn-container-multi .chzn-choices li.search-choice-disabled {
color: #adb2b6;
}
.chzn-container-multi .chzn-choices li.search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chzn-container-multi .chzn-drop {
margin-top: -30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {
-webkit-transition: border-color 0.3s ease-out;
-moz-transition: border-color 0.3s ease-out;
-ms-transition: border-color 0.3s ease-out;
-o-transition: border-color 0.3s ease-out;
transition: border-color 0.3s ease-out;
}
.chzn-container-active.chzn-with-drop .chzn-single {
border-color: #adb2b6;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
border-left: none;
background: transparent;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -18px 2px;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
cursor: default;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chzn-rtl {
text-align: right;
}
.chzn-rtl .chzn-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chzn-rtl .chzn-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chzn-rtl .chzn-single-with-deselect span {
margin-left: 38px;
}
.chzn-rtl .chzn-single div {
right: auto;
left: 3px;
}
.chzn-rtl .chzn-single abbr {
right: auto;
left: 26px;
}
.chzn-rtl .chzn-choices li {
float: right;
}
.chzn-rtl .chzn-choices li.search-field input[type="text"] {
direction: rtl;
}
.chzn-rtl .chzn-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
.chzn-rtl .chzn-drop {
left: 9999px;
}
.chzn-rtl.chzn-container-single .chzn-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
border-right: none;
}
.chzn-rtl .chzn-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: #ffffff url('chzn-sprite.png') no-repeat -30px -20px;
background: url('chzn-sprite.png') no-repeat -30px -20px;
direction: rtl;
}
.chzn-rtl.chzn-container-single .chzn-single div b {
background-position: 6px 2px;
}
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dppx) {
.chzn-rtl .chzn-search input[type="text"],
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-container-single .chzn-search input[type="text"],
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span {
background-image: url('chzn-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/* chzn over colored background style */
.colored .chzn-container .chzn-drop {
background-color: #ffffff;
color: #74777c;
}
.colored .chzn-container-single .chzn-single {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
border: none;
text-decoration: none;
}
.colored .chzn-container-single .chzn-default {
color: #fff;
text-decoration: none !important;
}
.colored .chzn-container-single .chzn-single div:after {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.colored .chzn-container-single:hover .chzn-single div b {
color: inherit;
}
.colored .chzn-container-single .chzn-search input[type="text"] {
border: 1px solid rgba(116, 119, 124, 0.5);
background-color: #fff;
}
.colored .chzn-container-single .chzn-search:before {
color: #74777c;
}
.colored .chzn-container .chzn-results li.disabled-result {
color: #ccc;
}
.colored .chzn-container .chzn-results li.highlighted {
background-color: rgba(146, 0, 40, 0.9);
color: #fff;
}
.colored .chzn-container-multi .chzn-choices {
border-color: rgba(255, 255, 255, 0.5);
}
.colored .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
background: transparent !important;
color: #fff;
}
.colored .chzn-container-multi .chzn-choices li.search-field .default {
color: #fff;
}
.colored .chzn-container-multi .chzn-choices li.search-choice {
border: none;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
.colored .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
color: #fff;
text-decoration: none;
}
.colored .chzn-container-multi .chzn-drop .result-selected {
color: #ccc;
}
.colored .chzn-container-active .chzn-choices li.search-field input[type="text"] {
color: #fff !important;
}
/* end */
/* Revolution Slider Overrides */
.tp-bullets {
bottom: 30px !important;
}
.tp-bullets.simplebullets.round .bullet {
background: #adb2b6;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
background: #dc0b1b;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tparrows {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #fff;
font-size: 18pt;
top: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.tp-leftarrow.default,
.tp-rightarrow.default {
background: rgba(255, 255, 255, 0.5);
}
.tp-leftarrow.default:after {
content: "\f053";
margin-right: 2px;
}
.tp-rightarrow.default:after {
content: "\f054";
margin-left: 4px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {
background: #dc0b1b;
}
#recaptcha_widget {
text-align: center;
margin-bottom: 25px;
}
.recaptcha_only_if_incorrect {
color: #C42927;
display: none;
}
.recaptcha_switch_audio {
display: none !important;
}
#recaptcha_image {
width: 100% !important;
height: auto !important;
text-align: center;
}
#recaptcha_challenge_image {
max-width: 357px !important;
width: 100%;
height: auto;
}
.recaptcha_only_if_image {
display: block;
margin: 10px 0;
}
.recaptcha_only_if_image a {
margin-left: 5px;
}
/* #Header
================================================== */
#header {
width: 100%;
position: relative;
z-index: 1001;
}
#header:after {
content: " ";
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 6px;
background-color: rgba(255, 255, 255, 0.3);
z-index: 10;
}
#top-bar {
width: 100%;
min-height: 33px;
font-size: 13px;
line-height: 33px;
background-color: #f1f3f6;
position: relative;
z-index: 1020;
font-weight:bold;
}
#top-bar a {
color: #74777c;
font-weight:bold;
}
#top-bar a:hover,
#top-bar a:focus {
color: #dc0b1b;
text-decoration: none;
}
#top-info,
#top-buttons {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
#top-info li,
#top-buttons li {
display: inline-block;
margin-left: 25px;
font-size:18px;
}
#top-buttons {
float: right;
}
#top-buttons .divider {
position: relative;
border-left: 1px solid #74777c;
width: 1px;
height: 22px;
overflow: hidden;
margin-bottom: -6px;
}
.language-switcher {
display: inline-block;
position: relative;
}
.language-switcher span {
padding-right: 30px;
position: relative;
}
.language-switcher span:after {
content: "";
position: absolute;
top: 8px;
right: 0;
border-right: 3px solid rgba(0, 0, 0, 0);
border-top: 3px solid;
margin-left: 10px;
border-left: 4px solid rgba(0, 0, 0, 0);
display: inline-block;
height: 0;
margin-left: 2px;
vertical-align: middle;
width: 0;
}
.language-switcher ul {
position: absolute;
left: -15px;
top: 33px;
padding: 0 30px;
margin: 0;
z-index: 999;
background-color: #f1f3f6;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease-out;
-moz-transition: max-height 0.3s ease-out;
-ms-transition: max-height 0.3s ease-out;
-o-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
.language-switcher ul li {
margin: 0px !important;
display: block !important;
}
.language-switcher ul li a {
line-height: 33px;
display: inline-block;
width: 100%;
}
.language-switcher:hover {
color: #dc0b1b;
}
.language-switcher:hover ul {
max-height: 250px;
}
#nav-section {
min-height: 102px;
min-width: 320px;
padding: 0;
background-color: #fff;
width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#nav-section.stuck {
position: fixed;
top: 0;
left: 0;
z-index: 11;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
#nav-section.stuck:after {
content: " ";
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
background-color: #e3e3e3;
z-index: 10;
}
#nav-section.shrink {
min-height: 61px;
}
#nav-section.shrink .nav-logo img {
height: 45px;
}
#nav-section.shrink .navbar-nav > li > a {
line-height: 61px;
}
#nav-section.shrink .sb-search {
margin-top: 15px;
}
.sb-search {
position: relative;
margin-top: 37px;
width: 0%;
min-width: 30px;
height: 30px;
float: right;
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-backface-visibility: hidden;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: #fff;
width: 100%;
height: 30px;
margin: 0;
z-index: 10;
padding: 0 0 0 28px;
font-family: inherit;
color: #74777c;
font-size: 13px;
border: 1px solid #E4E4E4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.sb-search-open .sb-search-input {
padding: 0 14px;
}
.sb-search-input::-webkit-input-placeholder {
color: #74777c;
}
.sb-search-input:-moz-placeholder {
color: #74777c;
}
.sb-search-input::-moz-placeholder {
color: #74777c;
}
.sb-search-input:-ms-input-placeholder {
color: #74777c;
}
.sb-icon-search,
.sb-search-submit {
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #fff;
/* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 8 */
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
color: #74777c;
z-index: 90;
font-size: 15px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sb-icon-search:hover {
color: #dc0b1b;
}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
width: 170px;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
color: #dc0b1b;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90;
}
/* #Navigation
================================================== */
.navbar {
float: right;
margin: 0px 30px 0 0;
min-height: 0;
border: none;
}
.nav-logo {
float: left;
/*margin: 8px 0;*/
margin-top:17px;
}
.nav-logo img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navbar-nav > li > a {
padding: 0 15px;
display: block;
color: #74777c;
line-height: 102px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav > li > a:hover,
.nav > li > a:focus,
.navbar-nav > li > a.active {
background-color: transparent;
color: #dc0b1b;
}
.navbar-nav > li.dropdown > a .caret {
border-right: 3px solid rgba(0, 0, 0, 0);
border-top: 3px solid;
margin-left: 10px;
}
.navbar-nav .dropdown-menu {
background-color: #f1f3f6;
text-align: center;
padding: 0;
border: none;
display: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.navbar-nav .open > .dropdown-menu,
.navbar-nav .dropdown-menu:hover {
display: block;
}
.navbar-nav .dropdown-menu > li > a {
display: block;
line-height: 46px;
padding: 0 15px 0 25px;
border-left: 0px solid #fff;
text-align: left;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a.active {
background-color: #fff;
color: #dc0b1b;
border-left: 4px solid #dc0b1b;
}
.navbar-nav .dropdown-submenu {
position: relative;
}
.navbar-nav .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: 0px;
margin-left: -1px;
display: block !important;
max-height: 0;
overflow: hidden;
}
.navbar-nav .dropdown-submenu:hover > .dropdown-menu {
max-height: 500px;
overflow: visible;
}
.navbar-nav .dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 4px 0 4px 4px;
border-left-color: #74777c;
position: absolute;
top: 50%;
margin-top: -3px;
right: 8px;
}
.navbar-nav .dropdown-submenu:hover > a:after {
border-left-color: #dc0b1b;
}
.navbar-nav .dropdown-submenu .pull-left {
float: none;
}
.navbar-nav .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
#nav-mobile-btn {
background-color: #dc0b1b;
border: 0;
color: #fff;
font-size: 28px;
width: 40px;
padding: 5px 0;
line-height: 1;
text-align: center;
float: right;
margin-top: 29px;
display: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#nav-mobile-btn:active,
#nav-mobile-btn:hover {
background-color: #b6261f;
}
.shrink #nav-mobile-btn {
margin-top: 9px;
}
.nav-mobile {
position: fixed;
top: 0;
left: 0;
z-index: 1;
visibility: hidden;
width: 300px;
height: 100%;
background: #F7F8FA;
padding: 15px;
overflow: auto;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.nav-mobile > i {
position: absolute;
top: 6px;
right: 15px;
font-size: 28px;
cursor: pointer;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-mobile > i:hover,
.nav-mobile > i:active {
color: #4f5154;
background-color: #f1f3f6;
}
.nav-mobile h2 {
text-align: center;
margin: 10px 0 25px;
color: #4d4f52;
}
.nav-mobile h2 i {
margin-right: 10px;
}
.nav-mobile a {
color: #74777c;
}
.nav-mobile a:hover {
color: #dc0b1b;
text-decoration: none;
}
.nav-mobile a:focus {
text-decoration: none;
}
.nav-mobile ul {
list-style: none;
}
.nav-mobile > ul {
padding: 0;
}
.nav-mobile > ul li {
margin-bottom: 10px;
}
.nav-mobile > ul li > a {
margin-bottom: 10px;
display: block;
}
.nav-mobile > ul li.dropdown > a,
.nav-mobile > ul li.dropdown-submenu > a {
/*border-bottom:1px solid rgba(0,0,0,0.08);*/
}
.nav-mobile > ul > li {
margin-bottom: 20px;
padding-left: 10px;
}
.nav-mobile > ul ul {
padding-left: 15px;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.nav-mobile::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: '';
display: none;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.nav-mobile.open {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.nav-mobile.open::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* #Home
================================================== */
#home-search-section {
background-image: url(http://placehold.it/1920x800);
position: relative;
text-align: center;
padding: 105px 0;
overflow: hidden;
background-position: center center;
}
#home-search-section:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(32, 35, 38, 0.92);
}
.slider-title {
font-size: 60px;
font-weight: 900;
color: #fff;
line-height: 60px;
background-color: rgba(0, 0, 0, 0.7);
padding:5px 10px 15px 10px;
}
.slider-subtitle,
#home-search-section .slider-subtitle {
color: #fff;
font-size: 26px;
font-weight: 300;
line-height: 28px;
background-color: rgba(0, 0, 0, 0.6);
padding:5px;
}
#home-search-section .slider-subtitle {
color: #74777c;
}
#home-search-buttons {
margin-top: 70px;
}
#home-search-buttons .btn {
border-width: 1px;
line-height: 21px;
}
#home-search-buttons > .btn {
margin: 0 5px;
}
#home-search-buttons .input-group {
margin: 18px 0 22px;
}
#home-search-buttons .form-control {
background-color: rgba(21, 22, 23, 0.75);
height: 60px;
border-color: rgba(21, 22, 23, 0.8);
color: #fff;
}
#home-search-buttons .form-control:focus {
border-color: #dc0b1b;
}
#home-search-buttons .input-group .btn-default {
border: none;
background-color: #dc0b1b;
height: 60px;
color: rgba(255, 255, 255, 0.7);
width: 80px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
#home-search-buttons .input-group .btn-default:hover {
width: 100px;
padding-left: 30px;
color: #ffffff;
}
#home-search-buttons .input-group .btn-default .fa {
position: absolute;
top: 50%;
left: 0;
margin-top: -6px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#home-search-buttons .input-group .btn-default:hover .fa {
left: 12px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.advanced-search {
font-style: italic;
color: rgba(255, 255, 255, 0.35);
}
.action-box {
background-color: #dc0b1b;
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
color: #fff;
position: relative;
}
.action-box h2 {
color: #fff;
text-transform: none;
margin-bottom: 26px;
}
.action-box h3 {
color: #fff;
text-transform: uppercase;
}
.action-box p {
margin: 0;
}
.action-box #newsletter {
padding: 0;
margin-top: 5px !important;
}
.action-box .input-group {
margin-top: 0 !important;
}
.action-box .social-networks {
float: none !important;
text-align: center;
}
.parallax {
position: relative;
text-align: center;
padding: 30px 0 65px 0;
overflow: hidden;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
background-position: center center;
}
.parallax .section-title {
color: #4d4f52;
margin-top: 0;
}
.pattern-bg {
position: relative;
background-image: url('../images/patterns/pattern1.jpg');
width: 100%;
height: 200%;
background-repeat: repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.pattern-bg {
background-image: url('../images/patterns/pattern1@2x.jpg');
}
}
.pattern-bg:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f1f3f6;
z-index: 0;
-webkit-opacity: 0.82;
-moz-opacity: 0.82;
opacity: 0.82;
}
.pattern-bg .section-title:before,
.pattern-bg .section-title:after {
background-color: #4d4f52;
}
.pattern-bg.colored-bg:before {
background-color: #dc0b1b;
}
.pattern-bg.colored-bg .container {
position: relative;
z-index: 10;
}
.dark-bg,
.colored-bg {
border: none;
color: #fff;
}
.dark-bg:before,
.colored-bg:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #202326;
-webkit-opacity: 0.82;
-moz-opacity: 0.82;
opacity: 0.82;
}
.dark-bg .section-title,
.colored-bg .section-title {
color: #fff;
}
.dark-bg .section-title:before,
.colored-bg .section-title:before,
.dark-bg .section-title:after,
.colored-bg .section-title:after {
background-color: #fff;
}
.dark-bg .testimonials .item .text,
.colored-bg .testimonials .item .text {
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
color: #fff;
}
.dark-bg .testimonials .item .text:before,
.colored-bg .testimonials .item .text:before {
display: none;
border-color: transparent rgba(255, 255, 255, 0.2) transparent transparent;
_border-color: #000000 rgba(255, 255, 255, 0.2) #000000 #000000;
}
.dark-bg .testimonials .item .text:after,
.colored-bg .testimonials .item .text:after {
display: none;
border-color: transparent rgba(32, 35, 38, 0.82) transparent transparent;
_border-color: #000000 rgba(32, 35, 38, 0.82) #000000 #000000;
}
.dark-bg .testimonials .item .author,
.colored-bg .testimonials .item .author {
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
}
.dark-bg .testimonials .item .author img,
.colored-bg .testimonials .item .author img {
border-right: none;
}
.dark-bg .owl-controls .owl-page span,
.colored-bg .owl-controls .owl-page span {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
}
.dark-bg .owl-controls .owl-page.active span,
.colored-bg .owl-controls .owl-page.active span,
.dark-bg .owl-controls.clickable .owl-page:hover span,
.colored-bg .owl-controls.clickable .owl-page:hover span {
background: none repeat scroll 0 0 #ffffff;
}
.colored-bg:before,
.action-box:before {
background-color: rgba(88, 88, 88, 0.82);
}
.colored-bg #newsletter,
.action-box #newsletter {
border: none;
margin-top: 0;
margin-bottom: 0;
color: #fff;
}
.colored-bg #newsletter h1,
.action-box #newsletter h1,
.colored-bg #newsletter h2,
.action-box #newsletter h2 {
color: #fff;
}
.colored-bg #newsletter .form-control,
.action-box #newsletter .form-control {
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0);
color: #fff;
}
.colored-bg #newsletter .form-control:focus,
.action-box #newsletter .form-control:focus {
border-color: rgba(255, 255, 255, 0.2);
}
.colored-bg #newsletter .form-control::-webkit-input-placeholder,
.action-box #newsletter .form-control::-webkit-input-placeholder {
color: #fff;
}
.colored-bg #newsletter .form-control:-moz-placeholder,
.action-box #newsletter .form-control:-moz-placeholder {
color: #fff;
}
.colored-bg #newsletter .form-control::-moz-placeholder,
.action-box #newsletter .form-control::-moz-placeholder {
color: #fff;
}
.colored-bg #newsletter .form-control:-ms-input-placeholder,
.action-box #newsletter .form-control:-ms-input-placeholder {
color: #fff;
}
.dark-bg {
color: #fff;
}
.gray-bg {
background-color: #f1f3f6;
padding: 90px 0 60px 0;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.gray-bg .section-title {
color: #4d4f52;
margin-top: 0;
}
.gray-bg .section-title:before,
.gray-bg .section-title:after {
background-color: #4d4f52;
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
#new-properties-slider .item {
width: 270px;
}
.colored,
.gray {
position: relative;
}
.gray .form-control {
background-color: rgba(255, 255, 255, 0.5);
}
.gray .chzn-container-single .chzn-single {
background-color: rgba(255, 255, 255, 0.5);
}
.content.colored:before,
.content.gray:before {
content: " ";
position: absolute;
top: 0;
right: 0;
width: 33.3%;
height: 100%;
background-color: #dc0b1b;
}
.content.gray:before {
background-color: #f1f3f6;
}
.content-divider {
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
height: 4px;
}
.main {
padding-top: 55px;
padding-bottom: 75px;
}
.feature {
display: inline-block;
padding: 2% 0;
text-align: center;
margin-bottom: 60px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.feature i {
display: inline-block;
font-size: 32pt;
cursor: default;
margin-bottom: 35px;
width: 90px;
height: 90px;
line-height: 90px;
position: relative;
z-index: 1;
color: #dc0b1b;
border: 4px solid #dc0b1b;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.feature i:after {
position: absolute;
width: 100%;
height: 100%;
content: '';
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: #dc0b1b;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
-moz-transition: -moz-transform 0.2s, opacity 0.3s;
transition: transform 0.2s, opacity 0.3s;
}
.feature i:before {
speak: none;
font-size: 32pt;
line-height: 86px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
.no-touch .feature:hover i {
color: #fff;
}
.feature i:after {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.no-touch .feature:hover i:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.feature h3 {
width: 90%;
margin: 0 auto 20px;
color: #4d4f52;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.feature:hover h3 {
color: #dc0b1b;
}
.feature p {
width: 90%;
margin: 0 auto 30px;
}
#property-gallery {
margin-top: 40px;
margin-bottom: 40px;
}
.property-gallery .item {
margin: 0 2px;
position: relative;
overflow: hidden;
}
.property-gallery .item img {
width: 100%;
}
.property-gallery .item:hover img {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.property-gallery .item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.property-gallery .item:hover a {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.property-gallery .item a span.btn {
position: absolute;
width: 32px;
height: 32px;
z-index: 2;
bottom: -32px;
margin-bottom: -16px;
left: 50%;
margin-left: -16px;
border-width: 1px;
padding: 0;
font-size: 16pt;
}
.property-gallery .item:hover a span.btn {
bottom: 50%;
}
.property-gallery .item img,
.property-gallery a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.property-gallery2 {
text-align: center;
}
.property-gallery2 .item {
margin: -1px;
position: relative;
overflow: hidden;
width: 246px;
height: 236px;
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.property-gallery2 .item h1.section-title {
font-size: 17pt;
margin-top: 40px;
margin-bottom: 25px;
}
.property-gallery2 .item p.section-text {
padding: 0 20px;
}
.property-gallery2 .item img {
width: 100%;
height: 100%;
}
.property-gallery2 .item:hover img {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.property-gallery2 .item a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 1;
text-align: left;
text-decoration: none;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.property-gallery2 .item:hover a {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.property-gallery2 .item a h3 {
color: #fff;
position: absolute;
bottom: 43px;
left: 0;
padding: 0 12px;
}
.property-gallery2 .item a .location {
font-style: italic;
position: absolute;
bottom: 20px;
left: 0;
padding: 0 12px;
display: block;
color: #74777c;
}
.property-gallery2 .item img,
.property-gallery2 a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sidebar .latest-news {
list-style: none;
display: inline-block;
padding: 0;
clear: both;
}
.sidebar .latest-news > li {
display: inline-block;
margin-bottom: 26px;
width: 100%;
}
.sidebar .latest-news > li .image {
position: relative;
float: left;
width: 30%;
margin-right: 3%;
}
.sidebar .latest-news > li .image img {
width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sidebar .latest-news > li .image a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
z-index: 1;
}
.sidebar .latest-news > li .top-info {
border-bottom: 1px solid #E4E4E4;
color: #adb2b6;
font-size: 13px;
float: right;
width: 67%;
margin: 5px 0 8px;
padding: 0 0 2px;
}
.sidebar .latest-news > li .top-info li {
display: inline-block;
margin-right: 14px;
}
.sidebar .latest-news > li .top-info li:last-child {
margin-right: 0px;
}
.sidebar .latest-news > li .top-info li i {
margin-right: 5px;
}
.sidebar .latest-news > li h3 {
margin-bottom: 15px;
}
.sidebar .latest-news > li h3 a {
color: #4d4f52;
}
.sidebar .latest-news > li h3 a:hover {
color: #dc0b1b;
text-decoration: none;
}
.sidebar.colored .latest-news .top-info {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.sidebar.colored .latest-news h3 a {
text-decoration: none;
}
.sidebar.colored .latest-news h3 a:hover {
color: #fff;
text-decoration: underline;
}
.sidebar {
padding-top: 55px;
padding-bottom: 80px;
}
.sidebar img {
max-width: 100%;
}
.sidebar-form h4 {
padding-bottom: 24px;
position: relative;
margin-bottom: 40px !important;
text-align: center;
clear: both;
display: inline-block;
width: 100%;
}
.sidebar-form h4:before {
content: " ";
position: absolute;
bottom: 3px;
left: 50%;
margin-left: -50px;
width: 100px;
height: 1px;
background-color: #dc0b1b;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.sidebar-form h4:after {
content: " ";
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -50px;
width: 100px;
height: 1px;
background-color: #dc0b1b;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#subscription p input{
margin-top:-2px;
}
.sidebar-form input[type="submit"]{
width:100%;
margin-top:-25px;
margin-bottom:-12px;
}
#sidebar-form-container {
height:450px !important;
}
#find_agents img {
width: 100%;
margin-bottom: 10px;
}
#find_agents .form-actions {
text-align: center;
margin-top: 20px;
}
.agency-detail-agents {
list-style: none;
padding: 0;
}
.agency-detail-agents li {
display: inline-block;
position: relative;
padding-bottom: 35px;
margin-bottom: 35px;
}
.agency-detail-agents li:last-child {
margin-bottom: 0;
}
.agency-detail-agents li img {
width: 90px;
height: 90px;
float: left;
margin: 0 15px 15px 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.agency-detail-agents li .info {
float: right;
width: 64%;
text-align: left;
}
.agency-detail-agents li h3 {
color: #4d4f52;
}
.agency-detail-agents li a {
color: #adb2b6;
}
.agency-detail-agents li:hover h3,
.agency-detail-agents li a:hover {
color: #dc0b1b;
}
.agency-detail-agents li .location {
display: block;
font-style: italic;
font-size: 10pt;
color: #4d4f52;
margin-bottom: 15px;
}
.agency-detail-agents li:before,
.agency-detail-agents li:after {
content: " ";
position: absolute;
bottom: 3px;
left: 50%;
margin-left: -50px;
width: 100px;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.agency-detail-agents li:after {
bottom: 0px;
}
.mapborder {
border: 4px solid rgba(0, 0, 0, 0.05);
margin-bottom: 10px;
width: 100%;
}
#map_agency {
width: 100%;
height: 250px;
}
.gmap {
min-height: 150px;
}
.gmap img {
max-width: none !important;
}
.infoWindow {
color: #74777c;
width: 280px;
line-height: normal ! important;
}
.infoWindow img {
float: left;
max-width: 140px !important;
max-height: 100px !important;
margin: 10px 10px 10px 0;
}
.infoWindow .description {
padding: 10px 0;
}
.infoWindowAgency,
.infoWindowContacts {
color: #74777c;
width: 170px;
overflow: visible !important;
background-color: #fff;
padding: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.infoWindowAgency:before,
.infoWindowContacts:before {
content: "";
position: absolute;
width: 20px;
height: 20px;
background: #fff;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
bottom: -7px;
left: 50%;
margin-left: -10px;
z-index: -1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.infoWindowAgency:after,
.infoWindowContacts:after {
content: '';
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -10px;
height: 0;
width: 0;
border: 10px solid transparent;
border-top-color: #fff;
z-index: 99;
}
.infoWindowAgency img,
.infoWindowContacts img {
float: left;
max-width: 150px !important;
margin: 10px 0;
}
.infoWindowAgency .description,
.infoWindowContacts .description {
padding: 10px 0;
}
.testimonials .item {
margin: 0 1px;
}
.testimonials .item .text {
border: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
text-align: center;
padding: 65px 20px;
font-style: italic;
font-size: 14px;
background-color: #F8F9FB;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.testimonials .item .text:before {
position: absolute;
left: 21px;
bottom: -29px;
width: 0;
height: 0;
border-style: inset solid solid inset;
border-width: 0 60px 28px 0;
border-color: transparent rgba(0, 0, 0, 0.07) transparent transparent;
line-height: 0px;
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0;
_border-color: #000000 rgba(0, 0, 0, 0.07) #000000 #000000;
/*_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');*/
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-ms-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
}
.testimonials .item .text:after {
position: absolute;
left: 19px;
bottom: -27px;
width: 0;
height: 0;
border-style: inset solid solid inset;
border-width: 0 60px 28px 0;
border-color: transparent #F8F9FB transparent transparent;
line-height: 0px;
_border-color: #000000 #F8F9FB #000000 #000000;
/*_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');*/
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-ms-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
}
.testimonials .item .text p:before,
.testimonials .item .text p:after {
font-family: 'Raleway', sans-serif;
font-size: 52pt;
position: absolute;
}
.testimonials .item .text p:before {
content: "\201C";
left: 5px;
top: 0px;
}
.testimonials .item .text p:after {
bottom: -38px;
content: "\201D";
right: 34px;
}
.testimonials .item .author {
width: 90%;
margin-left: 5%;
margin-top: 48px;
padding-right: 20px;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.testimonials .item .author img {
float: left;
width: 61px;
padding: 0;
margin: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.testimonials .item .author div {
display: inline-block;
padding: 9px 0;
margin: 0 0 0 15px;
font-size: 15pt;
line-height: 20px;
}
.testimonials .item .author div span {
font-style: italic;
font-size: 14px;
}
#newsletter {
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid rgba(255, 255, 255, 0.2);
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
#newsletter h2 {
margin-top: 0;
margin-bottom: 25px;
font-size: 15pt;
}
#newsletter h2 span {
font-weight: 900;
font-size: 28pt;
}
#newsletter .input-group {
margin-top: 25px;
}
#newsletter .form-control {
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0);
height: 35px;
box-shadow: none;
}
#newsletter .form-control:focus {
border-color: rgba(0, 0, 0, 0.1);
}
#newsletter .form-control::-webkit-input-placeholder {
color: #adb3b6;
}
#newsletter .form-control:-moz-placeholder {
color: #adb3b6;
}
#newsletter .form-control::-moz-placeholder {
color: #adb3b6;
}
#newsletter .form-control:-ms-input-placeholder {
color: #adb3b6;
}
.sidebar.colored {
background-color: #dc0b1b;
color: #fff;
}
.sidebar.colored a {
color: #fff;
text-decoration: underline;
}
.sidebar.colored .section-title {
color: #fff;
}
.sidebar.colored .section-title:before,
.sidebar.colored .section-title:after {
background-color: #fff;
}
.sidebar.colored .owl-controls .owl-page span {
background: #fff;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.sidebar.colored .owl-controls .owl-page.active span,
.sidebar.colored .owl-controls.clickable .owl-page:hover span {
background: #fff;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.sidebar.colored .mapborder {
border: 4px solid rgba(255, 255, 255, 0.2);
margin-bottom: 10px;
width: 100%;
}
.sidebar.colored .testimonials .item .text {
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
}
.sidebar.colored .testimonials .item .text:before {
border-color: transparent rgba(255, 255, 255, 0.2) transparent transparent;
_border-color: #000000 rgba(255, 255, 255, 0.2) #000000 #000000;
}
.sidebar.colored .testimonials .item .text:after {
border-color: transparent #dc0b1b transparent transparent;
_border-color: #000000 #dc0b1b #000000 #000000;
}
.sidebar.colored .testimonials .item .author {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar.colored .testimonials .item .author img {
border-right: none;
}
.sidebar.colored #newsletter {
border: 1px solid rgba(255, 255, 255, 0.2);
}
.sidebar.colored #newsletter .form-control {
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0);
color: #fff;
}
.sidebar.colored #newsletter .form-control:focus {
border-color: rgba(255, 255, 255, 0.2);
}
.sidebar.colored #newsletter .form-control::-webkit-input-placeholder {
color: #fff;
}
.sidebar.colored #newsletter .form-control:-moz-placeholder {
color: #fff;
}
.sidebar.colored #newsletter .form-control::-moz-placeholder {
color: #fff;
}
.sidebar.colored #newsletter .form-control:-ms-input-placeholder {
color: #fff;
}
.sidebar.gray {
background-color: #f1f3f6;
}
.sidebar.gray .section-title {
color: #4d4f52;
}
.sidebar.gray .section-title:before,
.sidebar.gray .section-title:after {
background-color: #4d4f52;
}
#partners {
text-align: center;
}
#partners .item {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
background-color: rgba(255, 255, 255, 0.5);
margin: 4px;
padding: 30px 15px;
vertical-align: middle;
}
#partners .item img {
max-width: 100%;
}
.sidebar #partners .item {
width: 100%;
margin: 0 0 20px 0;
border: 1px solid #DADBDF;
padding: 6px 15px;
}
.revslider-container {
width: 100%;
position: relative;
padding: 0;
}
.revslider {
width: 100%;
position: relative;
}
a.tp-caption.btn-default,
a.tp-caption.btn-lg {
color: #fff;
height: auto !important;
background-color: #898989;
}
#home-advanced-search,
#map-property-filter,
#advanced-search,
#contacts-overlay {
position: relative;
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.2);
text-align: center;
}
#home-advanced-search .container,
#map-property-filter .container,
#advanced-search .container,
#contacts-overlay .container {
overflow: hidden;
max-height: 1px;
-webkit-transition: max-height 0.3s ease-out;
-moz-transition: max-height 0.3s ease-out;
-ms-transition: max-height 0.3s ease-out;
-o-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
#home-advanced-search form,
#map-property-filter form,
#advanced-search form,
#contacts-overlay form {
margin-top: 25px;
}
#home-advanced-search .form-control,
#map-property-filter .form-control,
#advanced-search .form-control,
#contacts-overlay .form-control,
#home-advanced-search .chzn-container,
#map-property-filter .chzn-container,
#advanced-search .chzn-container,
#contacts-overlay .chzn-container {
text-align: left;
}
#home-advanced-search .form-control,
#map-property-filter .form-control,
#advanced-search .form-control,
#contacts-overlay .form-control {
display: inline-block;
vertical-align: middle;
}
#home-advanced-search .btn,
#map-property-filter .btn,
#advanced-search .btn,
#contacts-overlay .btn {
height: 39px;
margin: 0 10px 15px 10px;
}
#home-advanced-search #opensearch,
#map-property-filter #opensearch,
#advanced-search #opensearch,
#contacts-overlay #opensearch {
position: absolute;
width: 68px;
height: 24px;
top: -23px;
left: 50%;
margin-left: -34px;
background-color: #fff;
color: #74777c;
z-index: 99;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
cursor: pointer;
}
#home-advanced-search #opensearch:after,
#map-property-filter #opensearch:after,
#advanced-search #opensearch:after,
#contacts-overlay #opensearch:after {
content: "\f002";
display: inline-block;
font-size: 12pt;
text-align: center;
padding-top: 3px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#home-advanced-search.open,
#map-property-filter.open,
#advanced-search.open,
#contacts-overlay.open {
border-top-color: rgba(0, 0, 0, 0.2);
}
#home-advanced-search.open .container,
#map-property-filter.open .container,
#advanced-search.open .container,
#contacts-overlay.open .container {
max-height: 700px;
}
#home-advanced-search.open #opensearch:after,
#map-property-filter.open #opensearch:after,
#advanced-search.open #opensearch:after,
#contacts-overlay.open #opensearch:after {
content: "\f002";
}
#advanced-search .container {
overflow: visible;
max-height: none;
}
#home-advanced-search.gray,
#advanced-search.gray {
background-color: #f1f3f6;
}
#home-advanced-search.gray #opensearch,
#advanced-search.gray #opensearch {
background-color: #f1f3f6;
}
#home-grid {
width: 100%;
height: 481px;
overflow: hidden;
}
#home-grid:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 6px;
background-color: rgba(255, 255, 255, 0.3);
}
#home-grid .free-wall {
width: 100%;
height: 100%;
}
#home-grid .free-wall .item {
background-color: #FFFFFF;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: default;
float: left;
overflow: hidden;
height: 240px;
}
#home-grid .free-wall .item img {
height: 100%;
width: 100%;
visibility: hidden;
}
#home-grid .free-wall .item .price {
position: absolute;
top: 10px;
left: 9px;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
#home-grid .free-wall .item .price i {
margin-right: 8px;
}
#home-grid .free-wall .item .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
#home-grid .free-wall .item .info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
padding: 12px;
z-index: 9;
visibility: hidden;
text-decoration: none;
display: block;
/*filter:alpha(opacity=0);*/
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#home-grid .free-wall .item:hover .info {
visibility: visible;
/*filter:alpha(opacity=100);*/
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
#home-grid .free-wall .item .info h3 {
color: #fff;
position: absolute;
bottom: 43px;
left: 0;
padding: 0 12px;
}
#home-grid .free-wall .item .info h3:hover {
text-decoration: none;
}
#home-grid .free-wall .item .info .location {
font-style: italic;
position: absolute;
bottom: 20px;
left: 0;
padding: 0 12px;
display: block;
color: #74777c;
}
#home-grid .free-wall .item[data-state="init"] {
display: none;
}
#home-grid .free-wall .item[data-state="start"] {
display: block;
animation: start 0.5s;
-webkit-animation: start 0.5s;
}
#home-grid .free-wall .item[data-state="move"] {
transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}
@keyframes start {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@-webkit-keyframes start {
from {
-webkit-transform: scale(0);
}
to {
-webkit-transform: scale(1);
}
}
#home-grid-latest-properties {
background-image: url(http://placehold.it/1920x800);
}
.home3-hero {
padding: 90px 0;
}
.home3-hero h2 {
font-size: 28pt;
text-transform: none;
margin-bottom: 30px;
}
.home3-hero p {
margin-bottom: 30px;
}
.home3-hero #map_agency {
height: 273px;
}
#agents,
#testimonials {
/*margin-bottom: 60px;*/
}
#home-map {
background-color: #dedede;
}
#properties_map {
width: 100%;
height: 650px;
}
#map-property-filter,
#contacts-overlay {
background-color: transparent;
border: none;
color: #74777c;
position: relative;
}
#map-property-filter .container,
#contacts-overlay .container {
max-height: none;
overflow: visible;
}
#map-property-filter .row .col-sm-12,
#contacts-overlay .row .col-sm-12 {
background-color: rgba(255, 255, 255, 0.7);
float: right;
margin-top: -200px;
z-index: 99;
}
#map-property-filter .form-control,
#contacts-overlay .form-control {
background-color: #ffffff;
}
#map-property-filter .chzn-container-single .chzn-single,
#contacts-overlay .chzn-container-single .chzn-single {
background-color: #ffffff;
}
#map-property-filter #filter-close,
#contacts-overlay #filter-close,
#map-property-filter #contacts-overlay-close,
#contacts-overlay #contacts-overlay-close {
position: absolute;
top: 5px;
right: 12px;
content: "\f068";
font-size: 18pt;
cursor: pointer;
}
.property-large-buttons {
list-style: none;
margin-bottom: 35px;
margin-top: 15px;
padding: 0;
}
.property-large-buttons li {
position: relative;
height: 360px;
width: 32.3333%;
display: inline-block;
float: left;
text-align: center;
margin: 0 0.5% 20px 0.5%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.property-large-buttons li:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(230, 230, 230, 0.82);
z-index: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.property-large-buttons li:hover:before {
background-color: rgba(88, 88, 88, 0.82);
}
.property-large-buttons li i {
position: relative;
font-size: 44pt;
margin-top: 130px;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.property-large-buttons li:hover i {
color: #fff;
margin-top: 65px;
}
.property-large-buttons li h4 {
position: relative;
font-size: 25pt;
color: #74777c;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.property-large-buttons li:hover h4 {
color: #fff;
}
.property-large-buttons li a {
position: relative;
z-index: 2;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
margin-top: -40px;
}
.property-large-buttons li:hover a {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
margin-top: 110px;
}
.property-large-buttons #services_consolidate_debt {
background-image: url(/images/services_consolidate_debt.jpg);
}
.property-large-buttons #services_first_time_homebuyers {
background-image: url(/images/services_first_time_homebuyers.jpg);
}
.property-large-buttons #services_renovation_financing {
background-image: url(/images/services_renovation_financing.jpg);
}
.property-large-buttons #services_investment_properties {
background-image: url(/images/services_investment_properties.jpg);
}
.property-large-buttons #services_pre_approval {
background-image: url(/images/services_pre_approval.jpg);
}
.property-large-buttons #services_portability {
background-image: url(/images/services_portability.jpg);
}
.property-large-buttons #services_renew_switch {
background-image: url(/images/services_renew_switch.jpg);
}
.property-large-buttons #services_new_to_canada {
background-image: url(/images/services_new_to_canada.jpg);
}
.property-large-buttons #services_repair_your_credit {
background-image: url(/images/services_repair_your_credit.jpg);
}
.property-large-buttons #services_self_employed {
background-image: url(/images/services_self_employed.jpg);
}
.property-large-buttons #services_vacation_homes {
background-image: url(/images/services_vacation_homes.jpg);
}
.property-large-buttons .residential {
background-image: url(/images/services.jpg);
}
.property-large-buttons .mortgage_calculators {
background-image: url(/images/rescources_calculator.jpg);
}
.property-large-buttons .faqs {
background-image: url(/images/resources_faqs.jpg);
}
.property-large-buttons .glossary {
background-image: url(/images/resources_glossary.jpg);
}
.property-large-buttons .links_of_interest {
background-image: url(/images/resources_links.jpg);
}
.property-large-buttons .contact_review {
background-image: url(/images/rescources_contact.jpg);
}
.property-large-buttons .commercial {
background-image: url(http://placehold.it/253x361);
}
.property-large-buttons .land {
background-image: url(http://placehold.it/253x361);
}
.contact-us {
list-style: none;
padding: 15px 40px;
background-color: #F7F8FA;
border: 1px solid #DADBDF;
overflow: hidden;
margin-bottom: 25px;
}
.contact-us li {
margin: 6px 0;
display: block;
position: relative;
padding: 5px 0 0 40px;
min-height: 30px;
}
.contact-us li div {
display: inline-block;
width: 100%;
}
.contact-us li i {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 13pt;
color: #fff;
background-color: #74777c;
margin-right: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contact-us li a {
color: #74777c;
}
.contact-us li a:hover {
color: #dc0b1b;
text-decoration: none;
}
.nav-tabs {
border-bottom: 1px solid #e3e3e3;
}
.nav-tabs > li > a,
.nav-tabs.nav-justified > li > a {
border: 1px solid #e3e3e3;
border-radius: 0;
line-height: 1.42857;
margin-right: 0px;
color: #4d4f52;
margin-bottom: 0 !important;
background-color: #F8F9FB;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
background-color: #F8F9FB;
text-decoration: none;
border: 1px solid #e3e3e3;
}
.nav-tabs > li.disabled > a {
color: #999999;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: transparent;
border: 1px solid #e3e3e3;
border-bottom: none;
color: #dc0b1b;
cursor: default;
}
.nav-tabs.tabs-left,
.nav-tabs.tabs-right {
width: 25%;
}
.nav-tabs.tabs-left > li,
.nav-tabs.tabs-right > li {
float: none;
}
.nav-tabs.tabs-left > li > a,
.nav-tabs.tabs-right > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.nav-tabs.tabs-left {
float: left;
}
.nav-tabs.tabs-left > li > a {
margin-right: -1px;
}
.nav-tabs.tabs-left > li.active > a,
.nav-tabs.tabs-left > li.active > a:hover,
.nav-tabs.tabs-left > li.active > a:focus {
border: 1px solid #e3e3e3;
border-right: 1px solid #fff;
}
.nav-tabs.tabs-right {
float: right;
}
.nav-tabs.tabs-right > li > a {
margin-left: -1px;
}
.nav-tabs.tabs-right > li.active > a,
.nav-tabs.tabs-right > li.active > a:hover,
.nav-tabs.tabs-right > li.active > a:focus {
border: 1px solid #e3e3e3;
border-left: 1px solid #fff;
}
.tab-content {
margin-bottom: 40px;
}
.tab-content > .active {
background-color: transparent;
border: 1px solid #e3e3e3;
border-top: none;
padding: 25px 15px;
}
.tab-content h4 {
margin-bottom: 15px;
}
.tab-content img {
max-width: 100%;
margin: 10px 0;
display: block;
}
.tab-content.tabs-left,
.tab-content.tabs-right {
border-top: 1px solid #e3e3e3;
float: left;
width: 75%;
}
.tab-content.tabs-right {
float: right;
}
.sidebar.gray .nav-tabs > li > a,
.gray .sidebar .nav-tabs > li > a {
background-color: transparent;
}
.sidebar.gray .nav-tabs > li > a:hover,
.gray .sidebar .nav-tabs > li > a:hover,
.sidebar.gray .nav-tabs > li > a:focus,
.gray .sidebar .nav-tabs > li > a:focus {
background-color: transparent;
}
.sidebar.gray .nav-tabs > li.active > a,
.gray .sidebar .nav-tabs > li.active > a,
.sidebar.gray .nav-tabs > li.active > a:hover,
.gray .sidebar .nav-tabs > li.active > a:hover,
.sidebar.gray .nav-tabs > li.active > a:focus,
.gray .sidebar .nav-tabs > li.active > a:focus,
.sidebar.gray .nav-tabs.nav-justified > .active > a,
.gray .sidebar .nav-tabs.nav-justified > .active > a,
.sidebar.gray .nav-tabs.nav-justified > .active > a:hover,
.gray .sidebar .nav-tabs.nav-justified > .active > a:hover,
.sidebar.gray .nav-tabs.nav-justified > .active > a:focus,
.gray .sidebar .nav-tabs.nav-justified > .active > a:focus {
background-color: #F8F9FB;
border-bottom: 1px solid #F8F9FA;
}
.sidebar.gray .tab-content > .active,
.gray .sidebar .tab-content > .active {
background-color: #F8F9FB;
}
.panel-group {
margin-bottom: 40px;
margin-top: 20px;
border: none;
border-bottom: none;
}
.panel-group .panel {
border-radius: 0px;
box-shadow: none;
background-color: transparent;
border: 1px solid #e3e3e3;
margin-bottom: 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.panel-group .panel .panel-heading {
padding: 0;
}
.panel-group .panel .panel-heading .panel-title > a {
color: #dc0b1b;
background-color: transparent;
padding: 15px 55px 15px 15px;
display: block;
position: relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel-group .panel .panel-heading .panel-title > a:after {
content: "\f077";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 10px;
margin-top: -16px;
width: 32px;
height: 32px;
text-align: center;
line-height: 29px;
border: 1px solid #dc0b1b;
color: #dc0b1b;
font-size: 14pt;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel-group .panel .panel-heading .panel-title > a.collapsed {
color: #4d4f52;
background-color: #f1f3f6;
}
.panel-group .panel .panel-heading .panel-title > a.collapsed:after {
content: "\f078";
border: 1px solid #adb2b6;
color: #adb2b6;
line-height: 29px;
}
.panel-group .panel .panel-heading .panel-title > a:focus {
text-decoration: none;
}
.panel-group .panel .panel-heading .panel-title > a:hover {
text-decoration: none;
color: #dc0b1b;
}
.panel-group .panel .panel-heading .panel-title > a:hover:after {
color: #dc0b1b;
border-color: #dc0b1b;
}
.panel-group .panel .panel-heading + .panel-collapse .panel-body {
border-top: none;
background-color: #f1f3f6;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel-group .panel .panel-heading + .panel-collapse.collapsing .panel-body,
.panel-group .panel .panel-heading + .panel-collapse.in .panel-body {
background-color: #fff;
}
.panel-group .panel + .panel {
margin-top: 0px;
}
.sidebar.gray .panel-group,
.gray .sidebar .panel-group {
border: 1px solid #e3e3e3;
margin-top: 0px;
}
.sidebar.gray .panel-group .panel,
.gray .sidebar .panel-group .panel {
border: none;
margin-bottom: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.sidebar.gray .panel-group .panel .panel-heading .panel-title > a,
.gray .sidebar .panel-group .panel .panel-heading .panel-title > a {
color: #dc0b1b;
background-color: #F8F9FB;
}
.sidebar.gray .panel-group .panel .panel-heading .panel-title > a.collapsed,
.gray .sidebar .panel-group .panel .panel-heading .panel-title > a.collapsed {
color: #4d4f52;
background-color: transparent;
}
.sidebar.gray .panel-group .panel .panel-heading + .panel-collapse .panel-body,
.gray .sidebar .panel-group .panel .panel-heading + .panel-collapse .panel-body {
border-top: none;
background-color: transparent;
}
.sidebar.gray .panel-group .panel .panel-heading + .panel-collapse.collapsing .panel-body,
.gray .sidebar .panel-group .panel .panel-heading + .panel-collapse.collapsing .panel-body,
.sidebar.gray .panel-group .panel .panel-heading + .panel-collapse.in .panel-body,
.gray .sidebar .panel-group .panel .panel-heading + .panel-collapse.in .panel-body {
background-color: #F8F9FB;
}
.sidebar.gray .panel-group .panel + .panel,
.gray .sidebar .panel-group .panel + .panel {
border-top: 1px solid #e3e3e3;
}
#countup {
background-image: url(http://placehold.it/1920x800);
}
.funfacts {
text-align: center;
color: #adb2b6;
margin-bottom: 45px;
}
.funfacts > div {
display: inline-block;
margin: 0 40px;
}
.funfacts span {
color: #fff;
display: block;
font-size: 43pt;
font-weight: 700;
}
.features-list {
list-style: none;
padding: 0;
margin: 35px 0 40px;
}
.features-list li {
padding: 2px 0 0 30px;
position: relative;
min-height: 24px;
margin-bottom: 18px;
}
.features-list li i {
position: absolute;
top: 50%;
left: 0;
margin-top: -12px;
font-size: 18pt;
color: #4d4f52;
}
.twitter {
text-align: center;
}
.twitter .item {
margin-bottom: 20px;
}
.twitter .item header {
margin-bottom: 20px;
}
.twitter .item header h3 {
display: inline-block;
font-size: 21pt;
font-weight: 700;
margin-right: 5px;
}
.twitter .item .text a {
font-style: italic;
}
.colored-bg .twitter .item {
color: #fff;
}
.colored-bg .twitter .item header h3 {
color: #fff;
}
.colored-bg .twitter .item header a {
color: #fff;
}
.colored-bg .twitter .item .text a {
color: #4d4f52;
}
/* #About
================================================== */
#about-img {
width: 100%;
}
.services {
list-style: none;
display: inline-block;
padding: 0;
clear: both;
}
.services > li {
display: inline-block;
margin-bottom: 26px;
}
.services > li h3 {
margin-bottom: 15px;
color: #4d4f52;
}
.services > li p a {
font-style: italic;
}
.property-large-buttons2 {
list-style: none;
margin-bottom: 35px;
margin-top: 15px;
padding: 0;
}
.property-large-buttons2 li {
position: relative;
height: 270px;
width: 25%;
display: inline-block;
float: none;
text-align: center;
margin: 0 1% 20px 1%;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.property-large-buttons2 li:hover {
border: 1px solid #ffffff;
}
.property-large-buttons2 li:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.property-large-buttons2 li:hover:before {
-webkit-opacity: 0.05;
-moz-opacity: 0.05;
opacity: 0.05;
}
.property-large-buttons2 li i {
position: relative;
font-size: 44pt;
margin-top: 80px;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.property-large-buttons2 li:hover i {
color: #fff;
margin-top: 45px;
}
.property-large-buttons2 li h4 {
position: relative;
font-size: 25pt;
color: #fff;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.property-large-buttons2 li a {
position: relative;
z-index: 2;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
margin-top: -30px;
}
.property-large-buttons2 li:hover a {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
margin-top: 40px;
}
/* #Agency detail/listing
================================================== */
.agency-detail,
.agent-detail {
border: 1px solid #e4e4e4;
display: block;
margin: 60px 0 50px;
}
.agency-detail .map,
.agent-detail .map {
height: 347px;
}
.agency-detail .info,
.agent-detail .info {
padding-top: 30px;
padding-bottom: 30px;
}
.agency-detail .info header,
.agent-detail .info header {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 5px;
margin-bottom: 15px;
}
.agency-detail .info header h2,
.agent-detail .info header h2 {
text-transform: none;
font-size: 24pt;
color: #4d4f52;
font-weight: 500;
margin-bottom: 25px;
}
.agency-detail .info header h2 small,
.agent-detail .info header h2 small {
display: block;
font-size: 11pt;
font-style: italic;
color: #4d4f52;
margin-top: 5px;
}
.agency-detail .info .contact-us,
.agent-detail .info .contact-us {
background-color: transparent;
border: none;
margin-bottom: 25px;
padding: 0;
}
.agency-detail .info .contact-us li,
.agent-detail .info .contact-us li {
margin: 0 0 5px 0;
padding: 0 0 0 35px;
min-height: 20px;
}
.agency-detail .info .contact-us li i,
.agent-detail .info .contact-us li i {
background-color: transparent;
border-radius: 4px;
color: #adb2b6;
font-size: 13pt;
height: 20px;
left: 0;
line-height: 20px;
margin-right: 5px;
position: absolute;
text-align: center;
top: 0;
width: 30px;
}
.agency-detail .info .contact-us li a,
.agent-detail .info .contact-us li a {
color: #dc0b1b;
}
.agency-detail .info .contact-us li a:hover,
.agent-detail .info .contact-us li a:hover {
color: #dc0b1b;
}
.agency-detail .info .social-networks,
.agent-detail .info .social-networks {
float: none;
}
.agent-detail .image {
padding: 0;
}
.agent-detail .image img {
width: 100%;
}
.agent-detail .info {
padding-top: 20px;
padding-bottom: 20px;
}
.assigned {
list-style: none;
padding: 0;
color: #dc0b1b;
}
.form-style {
background-color: #f1f3f6;
padding: 40px 25px;
}
.form-style .form-control {
background-color: #F7F8FA;
margin-bottom: 20px;
}
.form-style textarea.form-control {
min-height: 120px;
}
#listing-header {
margin-top: 60px;
margin-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
}
#listing-header .form-control-small {
margin-left: 0;
float: left;
}
.view-mode,
.sort {
float: right;
margin-left: 15px;
height: 41px;
margin-bottom: 15px;
display: inline-block;
}
.view-mode span,
.sort span {
display: inline-block;
float: left;
line-height: 39px;
}
.view-mode ul,
.sort ul {
list-style: none;
display: inline-block;
padding: 0;
border: 1px solid #e4e4e4;
margin-left: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.view-mode ul li,
.sort ul li {
display: inline-block;
float: left;
height: 39px;
padding: 0;
margin: 0;
text-align: center;
font-size: 19pt;
padding: 0 10px;
line-height: 39px;
color: #adb2b6;
cursor: pointer;
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.view-mode ul li + li,
.sort ul li + li {
border-left: 1px solid #e4e4e4;
}
.view-mode ul li:hover,
.sort ul li:hover,
.view-mode ul li.active,
.sort ul li.active {
background-color: #f1f3f6;
}
.sort {
float: left;
}
.sort ul {
margin-left: 0px;
}
.sort ul > li {
padding: 0;
}
.sort ul > li i {
font-size: 14px;
color: #74777c;
width: 38px;
height: 39px;
float: left;
line-height: 39px;
}
.agencies-list,
.agencies-grid,
.agents-list,
.agents-grid {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
width: 100%;
}
.agencies-list > li,
.agencies-grid > li,
.agents-list > li,
.agents-grid > li,
.agencies-list .item,
.agencies-grid .item,
.agents-list .item,
.agents-grid .item {
/*display:inline-block;*/
margin: 20px 0;
text-align: center;
}
.agencies-list > li .map,
.agencies-grid > li .map,
.agents-list > li .map,
.agents-grid > li .map,
.agencies-list .item .map,
.agencies-grid .item .map,
.agents-list .item .map,
.agents-grid .item .map {
height: 256px;
width: 100%;
float: left;
}
.agencies-list > li .tag,
.agencies-grid > li .tag,
.agents-list > li .tag,
.agents-grid > li .tag,
.agencies-list .item .tag,
.agencies-grid .item .tag,
.agents-list .item .tag,
.agents-grid .item .tag {
position: absolute;
top: 10px;
left: 9px;
background-color: #dc0b1b;
color: #fff;
padding: 7px 9px;
z-index: 10;
font-size: 10pt;
text-transform: uppercase;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.agencies-list > li .tag:before,
.agencies-grid > li .tag:before,
.agents-list > li .tag:before,
.agents-grid > li .tag:before,
.agencies-list .item .tag:before,
.agencies-grid .item .tag:before,
.agents-list .item .tag:before,
.agents-grid .item .tag:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #751814 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
.agencies-list > li .tag i,
.agencies-grid > li .tag i,
.agents-list > li .tag i,
.agents-grid > li .tag i,
.agencies-list .item .tag i,
.agencies-grid .item .tag i,
.agents-list .item .tag i,
.agents-grid .item .tag i {
display: block;
font-size: 17px;
}
.agencies-list > li .info,
.agencies-grid > li .info,
.agents-list > li .info,
.agents-grid > li .info,
.agencies-list .item .info,
.agencies-grid .item .info,
.agents-list .item .info,
.agents-grid .item .info {
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
float: left;
margin-left: 0;
}
.agencies-list > li .info h2,
.agencies-grid > li .info h2,
.agents-list > li .info h2,
.agents-grid > li .info h2,
.agencies-list .item .info h2,
.agencies-grid .item .info h2,
.agents-list .item .info h2,
.agents-grid .item .info h2 {
text-transform: none;
color: #4d4f52;
font-weight: 500;
border-bottom: 1px solid #e4e4e4;
padding-bottom: 15px;
margin-bottom: 15px;
}
.agencies-list > li .info h2 small,
.agencies-grid > li .info h2 small,
.agents-list > li .info h2 small,
.agents-grid > li .info h2 small,
.agencies-list .item .info h2 small,
.agencies-grid .item .info h2 small,
.agents-list .item .info h2 small,
.agents-grid .item .info h2 small {
display: block;
font-size: 9pt;
font-style: italic;
color: #4d4f52;
margin-top: 5px;
}
.agencies-list > li .info .contact-us,
.agencies-grid > li .info .contact-us,
.agents-list > li .info .contact-us,
.agents-grid > li .info .contact-us,
.agencies-list .item .info .contact-us,
.agencies-grid .item .info .contact-us,
.agents-list .item .info .contact-us,
.agents-grid .item .info .contact-us {
background-color: transparent;
border: none;
margin-bottom: 5px;
padding: 0;
display: inline-block;
margin-top: 15px;
}
.agencies-list > li .info .contact-us li,
.agencies-grid > li .info .contact-us li,
.agents-list > li .info .contact-us li,
.agents-grid > li .info .contact-us li,
.agencies-list .item .info .contact-us li,
.agencies-grid .item .info .contact-us li,
.agents-list .item .info .contact-us li,
.agents-grid .item .info .contact-us li {
margin: 0 0 5px 0;
padding: 0 0 0 25px;
min-height: 20px;
font-size: 10pt;
}
.agencies-list > li .info .contact-us li i,
.agencies-grid > li .info .contact-us li i,
.agents-list > li .info .contact-us li i,
.agents-grid > li .info .contact-us li i,
.agencies-list .item .info .contact-us li i,
.agencies-grid .item .info .contact-us li i,
.agents-list .item .info .contact-us li i,
.agents-grid .item .info .contact-us li i {
background-color: transparent;
border-radius: 4px;
color: #adb2b6;
height: 20px;
left: 0;
line-height: 20px;
margin-right: 5px;
position: absolute;
text-align: center;
top: 0;
width: auto;
}
.agencies-list > li .info .contact-us li a,
.agencies-grid > li .info .contact-us li a,
.agents-list > li .info .contact-us li a,
.agents-grid > li .info .contact-us li a,
.agencies-list .item .info .contact-us li a,
.agencies-grid .item .info .contact-us li a,
.agents-list .item .info .contact-us li a,
.agents-grid .item .info .contact-us li a {
color: #4d4f52;
}
.agencies-list > li .info .contact-us li a:hover,
.agencies-grid > li .info .contact-us li a:hover,
.agents-list > li .info .contact-us li a:hover,
.agents-grid > li .info .contact-us li a:hover,
.agencies-list .item .info .contact-us li a:hover,
.agencies-grid .item .info .contact-us li a:hover,
.agents-list .item .info .contact-us li a:hover,
.agents-grid .item .info .contact-us li a:hover {
color: #dc0b1b;
}
.agencies-list > li .info .contact-us li a:hover i,
.agencies-grid > li .info .contact-us li a:hover i,
.agents-list > li .info .contact-us li a:hover i,
.agents-grid > li .info .contact-us li a:hover i,
.agencies-list .item .info .contact-us li a:hover i,
.agencies-grid .item .info .contact-us li a:hover i,
.agents-list .item .info .contact-us li a:hover i,
.agents-grid .item .info .contact-us li a:hover i {
color: #dc0b1b;
}
.agencies-list > li,
.agencies-list .item {
width: 100%;
text-align: left;
}
.agencies-list > li .map,
.agencies-list .item .map {
width: 35%;
}
.agencies-list > li .info,
.agencies-list .item .info {
width: 60%;
margin-left: 3%;
}
.agencies-list > li .info .contact-us,
.agencies-list .item .info .contact-us {
display: block;
margin-top: 0px;
}
.agents-list > li .image,
.agents-grid > li .image,
.agents-list .item .image,
.agents-grid .item .image {
/*height:236px;*/
width: 100%;
float: left;
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.agents-list > li .image img,
.agents-grid > li .image img,
.agents-list .item .image img,
.agents-grid .item .image img {
width: 100%;
}
.agents-list > li .image a,
.agents-grid > li .image a,
.agents-list .item .image a,
.agents-grid .item .image a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 1;
text-align: center;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.agents-list > li .image a span.btn,
.agents-grid > li .image a span.btn,
.agents-list .item .image a span.btn,
.agents-grid .item .image a span.btn {
position: relative;
top: 100%;
margin-top: -17px;
}
.agents-list > li .image:hover a,
.agents-grid > li .image:hover a,
.agents-list .item .image:hover a,
.agents-grid .item .image:hover a {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.agents-list > li .image:hover a span.btn,
.agents-grid > li .image:hover a span.btn,
.agents-list .item .image:hover a span.btn,
.agents-grid .item .image:hover a span.btn {
top: 50%;
}
.agents-list > li .info .social-networks,
.agents-grid > li .info .social-networks,
.agents-list .item .info .social-networks,
.agents-grid .item .info .social-networks {
float: none;
}
.agents-list > li,
.agents-list .item {
width: 100%;
text-align: left;
}
.agents-list > li .image,
.agents-list .item .image {
width: 35%;
}
.agents-list > li .image img,
.agents-list .item .image img {
height: 100%;
}
.agents-list > li .info,
.agents-list .item .info {
width: 60%;
margin-left: 3%;
}
.agents-list > li .info .contact-us,
.agents-list .item .info .contact-us {
display: block;
margin-top: 0px;
}
.pagination {
text-align: center;
padding: 15px 0;
border-top: 1px solid #e4e4e4;
margin-top: 20px;
display: inline-block;
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pagination ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 0 5px;
}
.pagination ul > li {
display: inline-block;
width: 48px;
height: 43px;
text-align: center;
line-height: 43px;
float: left;
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
font-size: 12pt;
border: 1px solid #e4e4e4;
}
.pagination ul > li a {
display: block;
width: 48px;
height: 43px;
color: #74777c;
}
.pagination ul > li a:hover,
.pagination ul > li a:focus {
text-decoration: none;
}
.pagination ul li:first-child {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.pagination ul li:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination ul li:hover,
.pagination ul li.active {
background-color: #f1f3f6;
}
/* #Property detail/listing
================================================== */
.property-title {
text-transform: none;
font-size: 24pt;
margin-bottom: 40px;
margin-top: 54px;
}
.property-title small {
display: block;
font-style: italic;
color: #4d4f52;
font-size: 12pt;
margin-top: 4px;
}
.property-topinfo {
width: 100%;
text-align: left;
margin: 0;
margin-bottom: 20px;
border: 1px solid #e3e3e3;
background-color: #f1f3f6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
clear: both;
}
.property-topinfo .amenities {
list-style: none;
padding: 8px 0;
margin: 0;
background-color: #fff;
display: inline-block;
border-right: 1px solid #E4E4E4;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.property-topinfo .amenities li {
display: inline-block;
height: 38px;
margin: 0;
padding: 10px 18px 0 18px;
border-right: 1px solid #E4E4E4;
color: #74777c;
}
.property-topinfo .amenities li:last-child {
border-right: none;
}
.property-topinfo .amenities li .fa {
color: #adb2b6;
font-size: 18px;
}
.property-topinfo .amenities li [class^="icon-"],
.property-topinfo .amenities li [class*=" icon-"] {
color: #adb2b6;
float: left;
font-size: 18px;
margin-right: 3px;
margin-top: -3px;
}
.property-topinfo #property-id {
float: right;
line-height: 54px;
margin-right: 20px;
}
.property-topinfo:after,
.property-topinfo:before {
content: " ";
display: table;
}
.property-topinfo:after {
clear: both;
}
#property-detail-wrapper {
position: relative;
}
#property-detail-wrapper.style1 .price {
position: absolute;
top: 10px;
left: -5px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
#property-detail-wrapper.style1 .price:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #751814 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
#property-detail-wrapper.style1 .price i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
#property-detail-wrapper.style1 .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
#property-detail-large {
margin-bottom: 5px;
}
#property-detail-large .item {
background: #fff;
padding: 0px;
margin: 0 1px;
}
#property-detail-large .item img {
width: 100%;
}
#property-detail-large .item .price {
position: absolute;
top: 10px;
left: 0px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
#property-detail-large .item .price:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #751814 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
#property-detail-large .item .price i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
#property-detail-large .item .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
#property-detail-thumbs {
margin-bottom: 80px;
}
#property-detail-thumbs .item {
height: 128px;
margin: 0 1px;
color: #FFF;
cursor: pointer;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#property-detail-thumbs .item img {
width: 100%;
}
#property-detail-thumbs .item:after {
content: " ";
background-color: #fff;
border: 0;
display: block;
height: 100%;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
#property-detail-thumbs .item:hover:after,
#property-detail-thumbs .synced .item:after {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.property-amenities-list {
list-style: none;
margin: 0;
padding: 0;
}
.property-amenities-list > li {
margin: 10px 5px;
}
.property-amenities-list > li.enabled:before,
.property-amenities-list > li.disabled:before {
content: "\f00c";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #dc0b1b;
margin-right: 8px;
}
.property-amenities-list > li.disabled:before {
content: "\f00d";
color: #adb2b6;
}
.property-features {
list-style: none;
margin: 0;
padding: 0;
}
.property-features > li {
position: relative;
padding: 20px 20px 20px 70px;
min-height: 60px;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 15px;
}
.property-features > li i {
position: absolute;
color: #dc0b1b;
font-size: 30pt;
float: left;
top: 5px;
left: 20px;
}
.property-features > li i.fa {
top: 9px;
}
#property_location {
height: 285px;
margin-bottom: 40px;
}
.share-wraper {
border: 1px solid #e3e3e3;
margin-bottom: 40px;
padding: 0px 18px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.share-wraper h5 {
display: inline-block;
margin-right: 15px;
margin: 8px 15px 8px 0;
}
.share-wraper .social-networks {
float: none;
display: inline-block;
margin: 8px 0 !important;
}
.share-wraper .social-networks li a {
font-size: 12pt;
height: 27px;
line-height: 24px;
width: 27px;
}
.share-wraper .print-button {
float: right;
font-size: 15pt;
padding-left: 20px;
border-left: 1px solid #e3e3e3;
color: #adb2b6;
margin: 8px 0 !important;
}
.share-wraper .print-button:hover {
color: #4d4f52;
}
.property-agent-info {
background-color: #f1f3f6;
margin-bottom: 40px;
}
.property-agent-info .agent-detail {
margin: 0;
padding: 0;
border: none;
}
.property-agent-info .agent-detail .info {
border: 1px solid #e3e3e3;
background-color: #fff;
padding: 20px 15px;
}
.property-agent-info:after,
.property-agent-info:before {
content: " ";
display: table;
}
.property-agent-info:after {
clear: both;
}
.grid-style1 .item,
.grid-style2 .item,
.list-style .item {
margin: 0 auto 43px;
text-align: left;
position: relative;
}
.grid-style1 .item .image,
.grid-style2 .item .image,
.list-style .item .image {
width: 100%;
/*height:212px;*/
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.grid-style1 .item .image img,
.grid-style2 .item .image img,
.list-style .item .image img {
width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.grid-style1 .item .image > a,
.grid-style2 .item .image > a,
.list-style .item .image > a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 9;
text-align: center;
visibility: hidden;
text-decoration: none;
/*filter:alpha(opacity=0);*/
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.grid-style1 .item .image > a .btn,
.grid-style2 .item .image > a .btn,
.list-style .item .image > a .btn {
margin-top: -17px;
position: relative;
top: 100%;
}
.grid-style1 .item .image > a h3,
.grid-style2 .item .image > a h3,
.list-style .item .image > a h3 {
text-align: left;
color: #fff;
position: absolute;
bottom: 43px;
left: 0;
padding: 0 12px;
}
.grid-style1 .item .image > a .location,
.grid-style2 .item .image > a .location,
.list-style .item .image > a .location {
text-align: left;
font-style: italic;
position: absolute;
bottom: 20px;
left: 0;
padding: 0 12px;
display: block;
color: #74777c;
}
.grid-style1 .item .image:hover img,
.grid-style2 .item .image:hover img,
.list-style .item .image:hover img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.grid-style1 .item .image:hover > a,
.grid-style2 .item .image:hover > a,
.list-style .item .image:hover > a {
visibility: visible;
/*filter:alpha(opacity=100);*/
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.grid-style1 .item .image:hover > a .btn,
.grid-style2 .item .image:hover > a .btn,
.list-style .item .image:hover > a .btn {
top: 50%;
}
.grid-style1 .item .image-large,
.grid-style2 .item .image-large,
.list-style .item .image-large {
height: 255px;
}
.grid-style1 .item .price,
.grid-style2 .item .price,
.list-style .item .price,
.grid-style1 .item .tag,
.grid-style2 .item .tag,
.list-style .item .tag {
position: absolute;
top: 10px;
left: 9px;
background-color: #dc0b1b;
color: #fff;
padding: 6px 20px 6px 10px;
z-index: 10;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.grid-style1 .item .price:before,
.grid-style2 .item .price:before,
.list-style .item .price:before,
.grid-style1 .item .tag:before,
.grid-style2 .item .tag:before,
.list-style .item .tag:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #751814 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
.grid-style1 .item .price i,
.grid-style2 .item .price i,
.list-style .item .price i,
.grid-style1 .item .tag i,
.grid-style2 .item .tag i,
.list-style .item .tag i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.grid-style1 .item .price span,
.grid-style2 .item .price span,
.list-style .item .price span,
.grid-style1 .item .tag span,
.grid-style2 .item .tag span,
.list-style .item .tag span {
display: block;
font-size: 12pt;
font-weight: 700;
margin-top: -4px;
line-height: 1.4;
}
.grid-style1 .item .tag,
.grid-style2 .item .tag,
.list-style .item .tag {
padding: 14px 18px;
font-size: 17px;
}
.grid-style1 .item .tag i,
.grid-style2 .item .tag i,
.list-style .item .tag i {
margin-right: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.grid-style1 .item > .info,
.grid-style2 .item > .info,
.list-style .item > .info,
.grid-style1 .item > .info-blog,
.grid-style2 .item > .info-blog,
.list-style .item > .info-blog {
padding: 20px 0 0;
}
.grid-style1 .item > .info h3,
.grid-style2 .item > .info h3,
.list-style .item > .info h3,
.grid-style1 .item > .info-blog h3,
.grid-style2 .item > .info-blog h3,
.list-style .item > .info-blog h3 {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 15px;
margin-bottom: 15px;
}
.grid-style1 .item > .info h3 a,
.grid-style2 .item > .info h3 a,
.list-style .item > .info h3 a,
.grid-style1 .item > .info-blog h3 a,
.grid-style2 .item > .info-blog h3 a,
.list-style .item > .info-blog h3 a {
color: #4d4f52;
}
.grid-style1 .item > .info h3 a:hover,
.grid-style2 .item > .info h3 a:hover,
.list-style .item > .info h3 a:hover,
.grid-style1 .item > .info-blog h3 a:hover,
.grid-style2 .item > .info-blog h3 a:hover,
.list-style .item > .info-blog h3 a:hover {
text-decoration: none;
color: #dc0b1b;
}
.grid-style1 .item > .info h3 small,
.grid-style2 .item > .info h3 small,
.list-style .item > .info h3 small,
.grid-style1 .item > .info-blog h3 small,
.grid-style2 .item > .info-blog h3 small,
.list-style .item > .info-blog h3 small {
display: block;
font-style: italic;
margin-top: 4px;
}
.grid-style1 .item > .info-blog h3,
.grid-style2 .item > .info-blog h3,
.list-style .item > .info-blog h3 {
border-bottom: none;
padding-bottom: 0px;
}
.grid-style1 .item .amenities,
.grid-style2 .item .amenities,
.list-style .item .amenities {
width: 100%;
list-style: none;
text-align: center;
padding: 6px 10px;
margin: 18px 0 0;
background-color: #fff;
border-color: #E4E4E4;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.grid-style1 .item .amenities li,
.grid-style2 .item .amenities li,
.list-style .item .amenities li {
display: inline-block;
height: 38px;
margin-right: 10px;
padding-right: 10px;
padding-top: 10px;
border-right: 1px solid #E4E4E4;
color: #74777c;
}
.grid-style1 .item .amenities li:last-child,
.grid-style2 .item .amenities li:last-child,
.list-style .item .amenities li:last-child {
border-right: none;
margin-right: 0px;
padding-right: 0px;
}
.grid-style1 .item .amenities li .fa,
.grid-style2 .item .amenities li .fa,
.list-style .item .amenities li .fa {
color: #adb2b6;
font-size: 18px;
}
.grid-style1 .item .amenities li [class^="icon-"],
.grid-style2 .item .amenities li [class^="icon-"],
.list-style .item .amenities li [class^="icon-"],
.grid-style1 .item .amenities li [class*=" icon-"],
.grid-style2 .item .amenities li [class*=" icon-"],
.list-style .item .amenities li [class*=" icon-"] {
color: #adb2b6;
float: left;
font-size: 18px;
margin-right: 2px;
margin-top: -3px;
}
.grid-style1 .item > .amenities,
.grid-style2 .item > .amenities,
.list-style .item > .amenities {
margin-top: 0;
border-width: 0 1px 1px 1px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.grid-style1 .item .top-info,
.grid-style2 .item .top-info,
.list-style .item .top-info {
padding: 0 0 14px 0;
margin: 0 0 15px;
border-bottom: 1px solid #E4E4E4;
color: #adb2b6;
font-size: 13px;
}
.grid-style1 .item .top-info li,
.grid-style2 .item .top-info li,
.list-style .item .top-info li {
display: inline-block;
margin-right: 14px;
}
.grid-style1 .item .top-info li:last-child,
.grid-style2 .item .top-info li:last-child,
.list-style .item .top-info li:last-child {
margin-right: 0px;
}
.grid-style1 .item .top-info li i,
.grid-style2 .item .top-info li i,
.list-style .item .top-info li i {
margin-right: 5px;
}
.grid-style1 .item.disabled,
.grid-style2 .item.disabled,
.list-style .item.disabled {
display: none;
}
.list-style .item {
width: 100%;
float: left;
}
.list-style .item .image {
width: 35%;
float: left;
}
.list-style .item .image img {
height: 100%;
}
.list-style .item .info,
.list-style .item .info-blog {
width: 60%;
margin-left: 3%;
float: left;
}
.list-style .item .info .amenities,
.list-style .item .info-blog .amenities {
display: inline-block;
width: auto;
}
.list-style.latest-news .item .image {
width: 44%;
}
.list-style.latest-news .item .info,
.list-style.latest-news .item .info-blog {
width: 53%;
}
/* #FAQ
================================================== */
.icon-list {
list-style: none;
padding: 0;
text-align: center;
}
.icon-list li {
display: inline-block;
width: 52px;
height: 52px;
border: 1px solid #e3e3e3;
text-align: center;
line-height: 58px;
margin: 8px 4px;
font-size: 30pt;
color: #adb2b6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.icon-list li:hover {
color: #74777c;
border: 1px solid #74777c;
}
/* #Pricing Tables
================================================== */
.pricing {
margin-top: 60px;
text-align: center;
}
.pricing .item {
margin-bottom: 40px;
}
.pricing .item header {
padding: 18px 0;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.pricing .item header h2 {
text-transform: none;
font-size: 21pt;
margin-bottom: 5px;
}
.pricing .item header h2 i {
color: #adb2b6;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.pricing .item header h2 i:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.pricing .item header .price {
font-weight: 700;
font-size: 24pt;
color: #dc0b1b;
}
.pricing .item header .price small {
color: #adb2b6;
font-weight: 300;
font-size: 11pt;
display: block;
margin-top: -2px;
}
.pricing .item > ul {
padding: 0;
margin: 0;
list-style: none;
}
.pricing .item > ul > li {
border: 1px solid #e3e3e3;
border-top: none;
padding: 15px;
font-size: 12pt;
}
.pricing .item > ul > li i {
color: #adb2b6;
margin-left: 5px;
}
.pricing .item > ul > li:nth-child(odd) {
background-color: #f1f3f6;
}
.pricing .item > ul li.disabled {
text-decoration: line-through;
color: #adb2b6;
}
.pricing .item .btn {
width: 100%;
line-height: 68px;
height: 68px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.pricing .item .btn-default-color {
border: 1px solid #dc0b1b;
color: #dc0b1b;
}
.pricing .item .btn-default-color:hover {
background-color: #dc0b1b;
color: #fff;
}
.pricing .item .btn-default {
border: 1px solid #4d4f52;
color: #4d4f52;
}
.pricing .item .btn-default:hover {
background-color: #4d4f52;
color: #fff;
}
.pricing .item:hover header,
.pricing .item.featured header {
background-color: #dc0b1b;
}
.pricing .item:hover header h2,
.pricing .item.featured header h2,
.pricing .item:hover header .price,
.pricing .item.featured header .price,
.pricing .item:hover header .price small,
.pricing .item.featured header .price small {
color: #fff;
}
.pricing .item:hover header h2 i,
.pricing .item.featured header h2 i {
color: #fff;
}
.gray-bg .pricing {
margin-top: 0px;
}
.pricing.style2 .item header h2,
.pricing.style2 .item header .price {
color: #4d4f52;
}
.pricing.style2 .item > ul > li:nth-child(odd) {
background-color: #F7F8FA;
}
.pricing.style2 .item:hover header,
.pricing.style2 .item.featured header {
background-color: #4d4f52;
}
.pricing.style2 .item:hover header h2,
.pricing.style2 .item.featured header h2,
.pricing.style2 .item:hover header .price,
.pricing.style2 .item.featured header .price,
.pricing.style2 .item:hover header .price small,
.pricing.style2 .item.featured header .price small {
color: #fff;
}
.pricing.style2 .item:hover header h2 i,
.pricing.style2 .item.featured header h2 i {
color: #fff;
}
.pricing.style3 .item {
display: inline-block;
}
.pricing.style3 .item header {
width: 30%;
float: left;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.pricing.style3 .item header h2 {
margin-bottom: 4px;
}
.pricing.style3 .item > ul {
width: 50%;
float: left;
}
.pricing.style3 .item > ul > li {
border: 1px solid #e3e3e3;
border-left: none;
float: left;
width: 50%;
padding: 22px;
}
.pricing.style3 .item > ul > li:nth-child(odd) {
background-color: transparent;
}
.pricing.style3 .item > .btn {
width: 20%;
float: left;
height: 138px;
line-height: 138px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.pricing.style4 {
margin-top: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px;
padding-bottom: 50px;
}
.pricing.style4 .item {
margin-bottom: 0;
}
.pricing.style4 .item.right > a {
text-align: center;
float: right;
}
.pricing.style4 .item > a {
float: left;
padding: 20px;
border: 1px solid #e3e3e3;
min-width: 250px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.pricing.style4 .item > a h2 {
text-transform: none;
font-size: 21pt;
margin-bottom: 5px;
color: #fff;
}
.pricing.style4 .item > a h2 i {
color: #adb2b6;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.pricing.style4 .item > a h2 i:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.pricing.style4 .item > a .price {
font-weight: 700;
font-size: 24pt;
color: #fff;
}
.pricing.style4 .item > a .price small {
color: #fff;
font-weight: 300;
font-size: 11pt;
display: block;
margin-top: -2px;
}
.pricing.style4 .item:hover > a {
background-color: transparent;
text-decoration: none;
}
.pricing.style4 .item > a:hover,
.pricing.style4 .item.featured > a {
background-color: rgba(255, 255, 255, 0.2);
}
#pricing-free {
background-image: url(http://placehold.it/1920x300);
}
#pricing-standard {
background-image: url(http://placehold.it/1920x300);
}
#pricing-premium {
background-image: url(http://placehold.it/1920x300);
}
/* #404 Error
================================================== */
.e404 > div {
font-size: 74pt;
color: #dc0b1b;
text-align: center;
float: left;
}
.e404 > div strong {
font-size: 140pt;
display: block;
margin-bottom: -80px;
}
.e404 i {
float: right;
font-size: 170pt;
color: #dc0b1b;
margin-top: 72px;
}
#e404-side {
margin-top: 72px;
}
#e404-side h3 {
font-size: 26pt;
}
/* #Blog
================================================== */
.blog-title {
text-transform: none;
font-size: 24pt;
margin-bottom: 40px;
margin-top: 54px;
}
.blog-main-image {
position: relative;
}
.blog-main-image img {
max-width: 100%;
}
.blog-main-image .tag {
position: absolute;
top: 10px;
left: -6px;
background-color: #dc0b1b;
color: #fff;
padding: 14px 18px;
z-index: 10;
font-size: 17px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.blog-main-image .tag:before {
content: " ";
position: absolute;
left: 0;
bottom: -6px;
border-color: rgba(0, 0, 0, 0) #751814 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 6px 6px 0;
height: 0;
width: 0;
}
.blog-main-image .tag i {
margin-right: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.blog-bottom-info {
width: 100%;
text-align: left;
margin: 0;
margin-bottom: 40px;
border: 1px solid #e3e3e3;
background-color: #f1f3f6;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
clear: both;
}
.blog-bottom-info > ul {
list-style: none;
padding: 8px 0;
margin: 0;
background-color: #fff;
display: inline-block;
border-right: 1px solid #E4E4E4;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.blog-bottom-info > ul li {
display: inline-block;
height: 38px;
margin: 0;
padding: 10px 18px 0 18px;
border-right: 1px solid #E4E4E4;
color: #74777c;
}
.blog-bottom-info > ul li:last-child {
border-right: none;
}
.blog-bottom-info > ul li .fa {
color: #adb2b6;
font-size: 18px;
margin-right: 3px;
}
.blog-bottom-info > ul li [class^="icon-"],
.blog-bottom-info > ul li [class*=" icon-"] {
color: #adb2b6;
float: left;
font-size: 18px;
margin-right: 3px;
margin-top: -3px;
}
.blog-bottom-info #post-author {
float: right;
line-height: 54px;
margin-right: 20px;
}
.blog-bottom-info #post-author i {
font-size: 15pt;
color: #adb2b6;
margin-right: 5px;
}
.blog-bottom-info:after,
.blog-bottom-info:before {
content: " ";
display: table;
}
.blog-bottom-info:after {
clear: both;
}
.post-content img {
max-width: 100%;
}
.post-content img.right {
float: right;
margin-left: 15px;
}
.post-content img.left {
float: left;
margin-right: 15px;
}
.post-content .highlight-bold {
font-weight: 700;
font-size: 12pt;
position: relative;
margin-bottom: 40px;
}
.post-content .highlight-color {
font-size: 21pt;
color: #dc0b1b;
line-height: 1.3;
font-family: 'Raleway', sans-serif;
font-weight: 300;
margin-bottom: 40px;
}
.post-content .divider {
position: relative;
display: block;
padding: 40px 0 0;
margin: 0 0 40px;
}
.post-content .divider:before,
.post-content .divider:after {
content: " ";
position: absolute;
bottom: 2px;
left: 50%;
margin-left: -50px;
width: 100px;
height: 1px;
background-color: #4d4f52;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.post-content .divider:after {
bottom: -1px;
}
.post-content p {
margin-bottom: 40px;
}
.post-content .quote {
font-size: 19pt;
font-weight: 300;
line-height: 21pt;
margin: 40px 0;
padding: 30px 40px;
position: relative;
text-align: center;
width: 100%;
font-family: 'Raleway', sans-serif;
}
.post-content .quote:before,
.post-content .quote:after {
color: #acacac;
font-size: 48pt;
font-weight: 700;
position: absolute;
}
.post-content .quote:before {
content: "\201C";
left: 30px;
top: 10px;
}
.post-content .quote:after {
bottom: -16px;
content: "\201D";
right: 30px;
}
.post-content .quote span {
color: #dc0b1b;
}
.comments {
margin-bottom: 20px;
padding: 40px;
background-color: #f1f3f6;
}
.comments > ul {
display: inline-block;
list-style: none;
width: 100%;
padding: 0;
}
.comments > ul > li {
width: 100%;
float: left;
}
.comments > ul > li img {
border: 1px solid #e3e3e3;
width: 12%;
}
.comments > ul > li ul {
float: left;
width: 100%;
padding-left: 15%;
list-style: none;
}
.comments .comment {
float: right;
position: relative;
width: 85%;
padding: 18px;
background-color: #F7F8FA;
margin-bottom: 35px;
border: 1px solid #e3e3e3;
}
.comments .comment:before,
.comments .comment:after {
content: "";
position: absolute;
top: 14px;
left: -8px;
z-index: 10;
width: 0px;
height: 0px;
border-style: solid solid outset solid;
border-width: 8px 10px 8px 0;
border-color: transparent #F7F8FA transparent transparent;
}
.comments .comment:before {
z-index: 9;
left: -10px;
border-color: transparent #e3e3e3 transparent transparent;
}
.comments .comment h3 {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 15px;
font-weight: 300;
}
.comments .comment h3 small {
display: block;
font-size: 9pt;
margin: 5px 0 10px;
}
.comments .comment .btn {
float: right;
margin-bottom: 14px;
}
.comments-form {
padding-left: 13%;
}
.comments-form h3 {
font-weight: 300;
}
.comments-form p {
color: #adb2b6;
}
.comments-form .form-style {
padding: 0;
margin-top: 20px;
display: inline-block;
background-color: transparent;
}
.categories {
list-style: none;
padding: 0 15px;
}
.categories li {
margin: 8px 0;
}
.categories li:before {
content: "\f054";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
}
.categories li a {
color: #74777c;
padding-top: 8px;
display: inline-block;
}
.categories li a span {
color: #adb2b6;
}
.categories li a:hover {
color: #dc0b1b;
text-decoration: none;
}
.categories li a:hover span {
color: #dc0b1b;
}
.categories li:hover:before {
color: #dc0b1b;
}
.categories li + li {
border-top: 1px solid #e3e3e3;
}
.blog-accordion.panel-group {
border: none !important;
margin-bottom: 0 !important;
}
.blog-accordion.panel-group .panel .panel-heading .panel-title > a {
background-color: transparent !important;
}
.blog-accordion.panel-group .panel .panel-heading .panel-title > a:after {
display: none !important;
}
.blog-accordion.panel-group .panel .panel-heading + .panel-collapse.collapsing .panel-body,
.blog-accordion.panel-group .panel .panel-heading + .panel-collapse.collapsing .panel-body,
.blog-accordion.panel-group .panel .panel-heading + .panel-collapse.in .panel-body,
.blog-accordion.panel-group .panel .panel-heading + .panel-collapse.in .panel-body {
background-color: transparent !important;
}
.blog-accordion.panel-group .panel .panel-body {
padding-top: 0;
}
.blog-accordion.panel-group .panel .panel-body ul {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
}
.blog-accordion.panel-group .panel .panel-body ul li {
margin: 8px 0;
}
.blog-accordion.panel-group .panel .panel-body ul li:before {
content: "\f054";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
}
.blog-accordion.panel-group .panel .panel-body ul li a {
color: #74777c;
}
.blog-accordion.panel-group .panel .panel-body ul li a:hover {
color: #dc0b1b;
text-decoration: none;
}
.blog-accordion.panel-group .panel .panel-body ul li:hover:before {
color: #dc0b1b;
}
.tags {
list-style: none;
margin: 0;
}
.tags li {
display: inline-block;
margin: 3px 1px;
}
.tags li a {
color: #74777c;
display: block;
padding: 6px 9px;
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.tags li a:hover {
background-color: rgba(255, 255, 255, 0.8);
text-decoration: none;
}
/* #Login/Resgister
================================================== */
.login {
background-color: #f1f3f6;
padding: 40px 50px;
margin-top: 20px;
}
.login h1 {
text-transform: none;
color: #4d4f52;
font-size: 24pt;
line-height: 1.3;
}
.login .form-style {
padding-left: 0;
padding-right: 0;
}
.login .form-style .checkbox {
background-color: #EBECF0;
margin-bottom: 25px;
padding: 14px 14px 14px 55px;
font-size: 10pt;
}
.login .form-style .checkbox input[type="checkbox"] {
margin-left: -35px;
}
.login .form-style .checkbox .button-checkbox {
float: left;
margin-left: -35px;
}
.login .form-style .checkbox .button-checkbox .btn {
color: #adb2b6;
padding: 0;
border: 0;
height: auto;
line-height: normal;
font-size: 14pt;
}
.login .form-style .checkbox .button-checkbox .btn .fa-check-square-o {
color: #74777c;
}
.login .btn {
width: 100%;
}
.login .recover-pass {
text-align: center;
border-bottom: 1px solid #e3e3e3;
margin: 0 25px 40px;
}
.login .recover-pass a {
color: #74777c;
margin-bottom: 25px;
display: block;
}
.login-info {
padding-top: 40px;
}
.login-info h1 {
text-transform: none;
margin-bottom: 20px;
}
.login-info p {
margin-bottom: 50px;
}
/* #Contacts
================================================== */
.contacts {
position: relative;
}
.contacts:before {
content: " ";
position: absolute;
top: 0;
right: 0;
width: 33.3%;
height: 100%;
background-color: #fff;
z-index: 1;
}
.contacts .main {
background-color: #fff;
position: relative;
z-index: 2;
}
.contacts form {
margin-top: 35px;
}
.contacts form .btn {
margin-top: 20px;
}
#contacts_map {
height: 100%;
width: 100%;
position: absolute !important;
top: 0;
left: 0;
background-color: #e3e3e3;
}
#contacts-overlay {
position: absolute;
left: 15px;
bottom: 90px;
z-index: 2;
padding: 20px 15px 10px;
}
#contacts-overlay ul {
list-style: none;
padding: 0;
margin: 0;
}
#contacts-overlay ul li {
text-align: left;
margin: 5px 10px;
min-height: 30px;
padding-left: 45px;
padding-top: 5px;
position: relative;
overflow: hidden;
}
#contacts-overlay ul li i {
width: 30px;
height: 30px;
background-color: #222222;
color: #fff;
line-height: 30px;
font-size: 13pt;
text-align: center;
position: absolute;
left: 0;
top: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#contacts-overlay ul li a {
color: #74777c;
}
/* #Footer
================================================== */
#footer {
background-color: #f1f3f6;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
#footer #copyright {
background-color: #D3D8DE;
padding: 24px 0;
line-height: 33px;
}
#footer #copyright a {
color: #4d4f52;
}
#footer #copyright a:hover {
color: #dc0b1b;
text-decoration: none;
}
#footer-top {
padding-top: 50px;
}
#footer-top h3 {
color: #4d4f52;
margin-bottom: 25px;
}
#footer-top .block {
padding-bottom: 50px;
}
#footer-top a {
color: #74777c;
}
#footer-top a:hover {
color: #dc0b1b;
text-decoration: none;
}
#footer-top img {
max-width: 100%;
}
.footer-contacts {
list-style: none;
padding: 0;
overflow: hidden;
}
.footer-contacts li {
margin-bottom: 15px;
padding: 5px 0 0 35px;
min-height: 30px;
display: block;
position: relative;
}
.footer-contacts li i {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 13pt;
border: 1px solid #74777c;
margin-right: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.footer-links {
list-style: none;
padding: 0;
}
.footer-links li {
border-top: 1px solid #E2E3E7;
position: relative;
}
.footer-links li a {
display: inline-block;
width: 100%;
padding: 14px 10px 14px 0;
position: relative;
}
.footer-links li a:after {
content: "\f0da";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.footer-links li:last-child {
border-bottom: 1px solid #E2E3E7;
}
.side-links {
list-style: none;
padding: 0 10px 0 10px;;
font-size:14px;
}
.side-links li {
border-top: 1px solid #E2E3E7;
position: relative;
padding-left:20px;
}
.side-links li a {
display: inline-block;
width: 100%;
padding: 14px 10px 14px 0;
position: relative;
color:#74777c;
font-weight:300;
}
.side-links li a:hover {
color:#dc0b1b;
text-decoration:none;
}
.side-links li a:after {
content: "\f0da";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.side-links li:last-child {
border-bottom: 1px solid #E2E3E7;
}
.footer-listings {
list-style: none;
padding: 0;
}
.footer-listings li {
min-height: 58px;
display: block;
margin-bottom: 2px;
width: 100%;
position: relative;
padding: 4px 42px 0 64px;
}
.footer-listings li .image {
width: 58px;
height: 58px;
overflow: hidden;
position: absolute;
display: block;
z-index: 2;
top: 0;
left: 0;
}
.footer-listings li .image img {
height: 100%;
}
.footer-listings li a {
line-height: 8px;
z-index: 1;
display: inline;
width: 100%;
min-height: 58px;
vertical-align: middle;
}
.footer-listings li a span {
position: absolute;
right: 0;
top: 10px;
margin-right: 5px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 13pt;
border: 1px solid #74777c;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.footer-listings li li:hover > p a {
color: #dc0b1b !important;
}
.footer-listings li li:hover > p a span {
border-color: #dc0b1b;
}
.social-networks {
list-style: none;
margin: 0;
padding: 0;
}
.social-networks li {
display: inline-block;
margin-left: 3px;
}
.social-networks li a {
display: inline-block;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
margin: 0;
padding: 0;
border: 1px solid #4d4f52;
color: #4d4f52;
font-size: 14pt;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.social-networks li a:hover {
color: #4d4f52 !important;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.colored .social-networks,
.colored-bg .social-networks,
.action-box .social-networks {
margin-top: 5px;
}
.colored .social-networks li a,
.colored-bg .social-networks li a,
.action-box .social-networks li a {
border: 1px solid #fff;
color: #fff;
}
.colored .social-networks li a:hover,
.colored-bg .social-networks li a:hover,
.action-box .social-networks li a:hover {
color: #fff !important;
}
/* #PrettyPhoto Skin Override
================================================== */
div.cozy .pp_next:hover,
div.cozy .pp_previous:hover {
cursor: pointer;
}
div.cozy .pp_expand {
font-family: FontAwesome;
cursor: pointer;
}
div.cozy .pp_expand:before {
content: "\f0b2";
color: #fff;
}
div.cozy .pp_contract {
font-family: FontAwesome;
cursor: pointer;
}
div.cozy .pp_contract:before {
content: "\f066";
color: #fff;
}
div.cozy .pp_close {
font-family: FontAwesome;
width: 22px;
height: 22px;
cursor: pointer;
}
div.cozy .pp_close:before {
content: "\f00d";
color: #fff;
}
div.cozy .pp_description {
margin-right: 60px;
color: #fff;
font-weight: 700;
text-indent: 10px;
}
div.cozy .pp_nav .pp_play {
font-family: FontAwesome;
height: 15px;
width: 14px;
}
div.cozy .pp_nav .pp_play:before {
content: "\f04b";
color: #fff;
}
div.cozy .pp_nav .pp_pause {
font-family: FontAwesome;
height: 15px;
width: 14px;
}
div.cozy .pp_nav .pp_pause:before {
content: "\f04c";
color: #fff;
}
div.cozy .pp_arrow_previous {
font-family: FontAwesome;
}
div.cozy .pp_arrow_previous:before {
content: "\f053";
color: #fff;
}
div.cozy .pp_arrow_next {
font-family: FontAwesome;
}
div.cozy .pp_arrow_next:before {
content: "\f054";
color: #fff;
}
div.cozy .pp_loaderIcon {
background: url(../img/progress.gif) center center no-repeat;
}
div.pp_pic_holder a:focus {
outline: none;
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_content {
height: 40px;
min-width: 40px;
}
* html .pp_content {
width: 40px;
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
.pp_content_container .pp_details {
float: left;
padding: 10px 0 2px;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social {
float: left;
margin: 0 0 0 10px;
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden;
}
.pp_social .twitter {
float: left;
}
.pp_nav {
clear: right;
float: left;
margin: 0 10px 0 0;
}
.pp_nav p {
float: left;
white-space: nowrap;
margin: 2px 4px;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin: 2px 5px 0 10px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin: 3px 5px 0 0;
overflow: hidden;
width: 9px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
position: relative;
white-space: nowrap;
margin: 0 0 0 5px;
padding: 0;
}
.pp_gallery ul a {
border: 1px rgba(0, 0, 0, 0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a img {
border: 0;
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
display: block;
height: 33px;
width: 50px;
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next,
a.pp_previous {
display: block;
width: 40px;
height: 40px;
overflow: hidden;
font-family: FontAwesome;
line-height: 40px;
font-size: 18pt;
text-align: center;
background-color: #dc0b1b;
top: 50%;
position: relative;
margin-top: -20px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a.pp_next {
float: right;
padding: 0 0 0 13px;
margin-right: 10px;
}
a.pp_next:before {
content: "\f054";
color: #fff;
}
a.pp_previous {
float: left;
padding: 0 0 0 10px;
margin-left: 10px;
}
a.pp_previous:before {
content: "\f053";
color: #fff;
}
.pp_content:hover a.pp_next,
.pp_content:hover a.pp_previous {
opacity: 1;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
top: 10px;
width: 12px;
z-index: 20000;
overflow: hidden;
text-decoration: none;
}
a.pp_close {
position: absolute;
right: 10px;
top: 8px;
display: block;
line-height: 22px;
font-size: 18pt;
overflow: hidden;
}
.pp_loaderIcon {
display: block;
height: 31px;
left: 50%;
position: absolute;
top: 50%;
width: 31px;
margin: -15px 0 0 -15px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p {
margin: 0 0 15px;
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
z-index: 9999;
margin: 0 0 5px 15px;
}
div.cozy .pp_details {
position: relative;
background-color: #dc0b1b;
}
div.cozy .pp_gallery a.pp_arrow_previous,
div.cozy .pp_gallery a.pp_arrow_next {
margin-top: 8px !important;
}
div.cozy .pp_arrow_previous.disabled {
background-position: 0 -87px;
cursor: default;
}
div.cozy .pp_arrow_next.disabled {
background-position: -22px -87px;
cursor: default;
}
div.cozy .currentTextHolder,
div.dark_square .currentTextHolder {
color: #ffffff;
}
div.cozy #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
color: #ffffff;
}
.pp_top,
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_top,
* html .pp_bottom {
padding: 0 20px;
}
.pp_top .pp_left,
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle,
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right,
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_fade,
.pp_gallery li.default a img {
display: none;
}
/* #Template Settings Panel
================================================== */
#template-settings {
position: fixed;
width: 185px;
top: 85px;
left: -188px;
background-color: #f7f8fa;
z-index: 2000;
padding: 12px 10px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#template-settings > i {
position: absolute;
top: 0px;
right: -36px;
cursor: pointer;
background-color: #f7f8fa;
text-align: center;
line-height: 36px;
width: 36px;
height: 36px;
font-size: 20pt;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
#template-settings h4 {
color: #ababab;
font-weight: 700;
margin-bottom: 5px;
}
#template-settings input,
#template-settings select {
margin-bottom: 20px;
}
#template-settings input {
width: 149px;
}
#template-settings select {
width: 150px;
height: 28px;
padding: 4px 0 0 5px;
background: none repeat scroll 0 0 #fff;
border: 1px solid #ababab;
color: #ababab;
font-size: 9pt;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#template-settings > div {
font-size: 9pt;
}
.settings-pattern {
margin-bottom: 20px;
}
.settings-pattern span {
cursor: pointer;
margin: 1px;
background-repeat: no-repeat;
background-size: cover;
width: 50px;
height: 50px;
display: inline-block;
}
.settings-pattern .selected {
border: 1px solid #747474;
}
.pattern1_icon {
background-image: url(../images/patterns/pattern1.jpg);
}
.pattern2_icon {
background-image: url(../images/patterns/pattern2.jpg);
}
.pattern3_icon {
background-image: url(../images/patterns/pattern3.jpg);
}
.pattern4_icon {
background-image: url(../images/patterns/pattern4.jpg);
}
.pattern5_icon {
background-image: url(../images/patterns/pattern5.jpg);
}
.pattern6_icon {
background-image: url(../images/patterns/pattern6.jpg);
}
.pattern7_icon {
background-image: url(../images/patterns/pattern7.jpg);
}
.pattern8_icon {
background-image: url(../images/patterns/pattern8.jpg);
}
.pattern9_icon {
background-image: url(../images/patterns/pattern9.jpg);
}
/* #Media Queries
================================================== */
@media (min-width: 993px) and (max-width: 1199px) {
.sidebar #newsletter h2 span {
font-size: 25pt;
}
.agency-detail-agents li .info {
width: 54%;
}
.e404 > div {
font-size: 60pt;
}
.e404 > div strong {
font-size: 120pt;
margin-bottom: -70px;
}
.e404 i {
font-size: 130pt;
margin-top: 72px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.sidebar #newsletter h2 span {
font-size: 18pt;
}
.agency-detail-agents li {
text-align: center;
}
.agency-detail-agents li img {
float: none;
margin-right: 0;
}
.agency-detail-agents li .info {
width: 100%;
text-align: center;
}
.sidebar .latest-news > li {
margin-bottom: 40px;
}
.sidebar .latest-news > li .image {
width: 100%;
}
.sidebar .latest-news > li .top-info {
width: 100%;
margin: 10px 0 10px 0;
padding: 0 0 8px 0;
}
.sidebar .nav-tabs > li {
width: 100%;
}
.e404 > div {
font-size: 48pt;
}
.e404 > div strong {
font-size: 90pt;
margin-bottom: -50px;
}
.e404 i {
font-size: 105pt;
margin-top: 50px;
}
#e404-side {
margin-top: 50px;
}
}
@media (max-width: 992px) {
.nav {
display: none;
}
.sb-search {
display: none;
}
#nav-mobile-btn {
display: block;
}
#footer #copyright {
text-align: center;
line-height: 22px;
}
.action-box {
text-align: center;
}
.social-networks {
float: none;
margin-top: 20px;
}
.fullwidthsingle .info {
padding: 15px 20px;
}
.fullwidthsingle .info h3 {
margin-bottom: 15px;
font-size: 16pt;
}
.fullwidthsingle .info p {
margin-bottom: 15px;
}
.fullwidthsingle2 .amenities {
text-align: left;
}
.fullwidthsingle2 .description .right {
text-align: left;
}
.property-gallery2 .item {
width: 234px;
height: 226px;
}
.pricing.style3 .item {
display: inline-block;
}
.pricing.style3 .item header {
width: 100%;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.pricing.style3 .item > ul {
width: 100%;
}
.pricing.style3 .item > ul > li {
border: 1px solid #e3e3e3;
border-top: none;
width: 100%;
padding: 15px;
}
.pricing.style3 .item > .btn {
width: 100%;
height: 68px;
line-height: 68px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.list-style .item .image,
.list-style.latest-news .item .image {
width: 100%;
}
.list-style .item .image img,
.list-style.latest-news .item .image img {
width: 100%;
}
.list-style .item .info,
.list-style.latest-news .item .info,
.list-style .item .info-blog,
.list-style.latest-news .item .info-blog {
width: 100%;
margin-left: 0;
}
.list-style .item .info .amenities,
.list-style.latest-news .item .info .amenities,
.list-style .item .info-blog .amenities,
.list-style.latest-news .item .info-blog .amenities {
display: inline-block;
width: 100%;
}
.property-topinfo .amenities {
width: 100%;
border-right: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.blog-bottom-info > ul {
width: 100%;
border-right: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.property-large-buttons2 li h4 {
font-size: 20pt;
}
.agencies-list > li .info .contact-us, .agencies-grid > li .info .contact-us, .agents-list > li .info .contact-us, .agents-grid > li .info .contact-us, .agencies-list .item .info .contact-us, .agencies-grid .item .info .contact-us, .agents-list .item .info .contact-us, .agents-grid .item .info .contact-us {
margin-bottom: 5px;
}
.social-networks {
margin-top: 5px;
margin-bottom:25px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.footer-listings li {
padding: 4px 42px 0 0;
}
.footer-listings li .image {
display: none;
}
.sidebar #newsletter .input-group {
width: 100%;
}
.sidebar #newsletter .input-group .form-control {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.sidebar #newsletter .input-group .input-group-btn {
white-space: normal;
width: 100%;
display: block;
}
.sidebar #newsletter .input-group .input-group-btn .btn {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
width: 100%;
}
}
@media (max-width: 1000px) {
.sidebar {
width:100%;
}
}
@media (max-width: 767px) {
.colored:before,
.gray:before {
background-color: transparent !important;
}
.fullwidthsingle .item .image {
width: 100%;
max-height: 354px;
}
.fullwidthsingle .info {
width: 100%;
height: auto;
padding: 25px 20px;
}
.agency-detail-agents li {
display: inherit;
}
.agency-detail-agents li .info {
float: none;
width: auto;
}
.agencies-list > li {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.agencies-list > li .map {
width: 100%;
}
.agencies-list > li .info {
width: 100%;
margin-left: 0;
}
.agents-list > li,
.agents-list .item {
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center;
}
.agents-list > li .image,
.agents-list .item .image {
width: 100%;
}
.agents-list > li .image img,
.agents-list .item .image img {
width: 100%;
}
.agents-list > li .info,
.agents-list .item .info {
width: 100%;
margin-left: 0;
}
.agents-list > li .info .contact-us,
.agents-list .item .info .contact-us {
display: inline-block;
}
.agents-list > li .info .social-networks,
.agents-list .item .info .social-networks {
margin-top: 0;
}
.agents-grid > li .info .social-networks,
.agents-grid .item .info .social-networks {
margin-top: 0;
}
.nav-tabs.tabs-left,
.nav-tabs.tabs-right {
width: 100%;
text-align: center;
}
.nav-tabs.tabs-left > li > a,
.nav-tabs.tabs-right > li > a {
margin-right: 0;
}
.nav-tabs.tabs-left > li.active > a,
.nav-tabs.tabs-right > li.active > a,
.nav-tabs.tabs-left > li.active > a:hover,
.nav-tabs.tabs-right > li.active > a:hover,
.nav-tabs.tabs-left > li.active > a:focus,
.nav-tabs.tabs-right > li.active > a:focus {
border: 1px solid #e3e3e3;
border-bottom: none;
}
.tab-content.tabs-left,
.tab-content.tabs-right {
width: 100%;
border-top: none;
}
.e404 {
text-align: center;
}
.e404 > div {
float: none;
display: inline-block;
}
.e404 i {
float: none;
display: inline-block;
margin-left: 20px;
position: relative;
top: -27px;
margin-top: 0;
}
#e404-side {
margin-top: 0px;
}
.grid-style1 .item .image-large,
.grid-style2 .item .image-large,
.grid-style3 .item .image-large,
.grid-style4 .item .image-large {
height: auto;
}
.contacts:before {
background-color: transparent;
display: none;
}
#contacts_map {
height: 500px;
width: 100%;
position: static !important;
overflow: hidden;
}
#contacts-overlay {
position: relative;
left: 0;
bottom: 0;
background-color: #fff;
}
#contacts-overlay #contacts-overlay-close {
display: none;
}
.property-large-buttons2 li {
width: 100%;
}
}
@media (max-width: 600px) {
.e404 {
text-align: center;
width: 268px;
margin: 0 auto;
}
.e404 > div {
float: none;
display: inline-block;
font-size: 35pt;
}
.e404 > div strong {
font-size: 65pt;
margin-bottom: -33px;
}
.e404 i {
font-size: 80pt;
top: -14px;
}
}
@media (min-width: 481px) and (max-width: 992px) {
.property-large-buttons li h4 {
font-size: 18pt;
}
.latest-news-slider .info h3 {
font-size: 15pt;
margin-bottom: 15px;
}
.latest-news-slider .info .top-info {
margin-bottom: 15px;
}
}
@media (max-width: 480px) {
#top-info {
display: block;
line-height: 20px;
margin-top: 7px;
}
#top-info li {
width: 100%;
display: inline-block;
text-align: center;
margin: 0;
}
#top-buttons {
display: inline-block;
width: 100%;
text-align: center;
}
.sidebar .latest-news > li {
margin-bottom: 40px;
}
.sidebar .latest-news > li .image {
width: 100%;
}
.sidebar .latest-news > li .top-info {
width: 100%;
margin: 10px 0 10px 0;
padding: 0 0 8px 0;
}
.form-control-large,
.form-control-small {
width: 100%;
margin: 0;
}
.form-control-small {
width: 100%;
}
.fullwidthsingle .item .image {
height: 230px;
}
.sidebar #newsletter h2 span {
font-size: 21pt;
}
.property-large-buttons li {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.latest-news-slider .item .image,
.latest-news-slider .item .info {
width: 100%;
}
.latest-news-slider .item .info {
height: auto;
}
.sidebar .nav-tabs > li,
.nav-tabs > li {
width: 100%;
}
.sort {
margin-left: 0px;
}
#property-detail-thumbs .item {
height: 90px;
}
.comments {
padding: 20px;
}
.login {
padding: 40px 25px;
}
.pagination #previous,
.pagination #next {
width: 100%;
margin-bottom: 5px;
}
.pagination #previous li,
.pagination #next li {
float: none;
}
.sidebar #newsletter .input-group {
width: 100%;
}
.sidebar #newsletter .input-group .form-control {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.sidebar #newsletter .input-group .input-group-btn {
white-space: normal;
width: 100%;
display: block;
}
.sidebar #newsletter .input-group .input-group-btn .btn {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
width: 100%;
}
}
/**********************************************************
* Update 1.1
**********************************************************/
.nav-logo {
height: 55px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav-logo img {
height: 63px;
width: auto;
}
#nav-section.shrink .nav-logo {
height: 45px;
}
#nav-section.shrink .nav-logo img {
height: 45px;
width: auto;
}
#home-advanced-search .container {
overflow: visible;
}
.grid-style2 .item,
.list-style2 .item {
margin: 0 auto 43px;
text-align: left;
position: relative;
}
.grid-style2 .item .image,
.list-style2 .item .image {
width: 100%;
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.grid-style2 .item .image img,
.list-style2 .item .image img {
width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.grid-style2 .item .image > a,
.list-style2 .item .image > a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 9;
text-align: center;
visibility: hidden;
text-decoration: none;
/*filter:alpha(opacity=0);*/
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.grid-style2 .item .image > a .btn,
.list-style2 .item .image > a .btn {
margin-top: -17px;
position: relative;
top: 100%;
}
.grid-style2 .item .image > a h3,
.list-style2 .item .image > a h3 {
text-align: left;
color: #fff;
position: absolute;
bottom: 43px;
left: 0;
padding: 0 12px;
}
.grid-style2 .item .image > a .location,
.list-style2 .item .image > a .location {
text-align: left;
font-style: italic;
position: absolute;
bottom: 20px;
left: 0;
padding: 0 12px;
display: block;
color: #74777c;
}
.grid-style2 .item .image:hover img,
.list-style2 .item .image:hover img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.grid-style2 .item .image:hover > a,
.list-style2 .item .image:hover > a {
visibility: visible;
/*filter:alpha(opacity=100);*/
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.grid-style2 .item .image:hover > a .btn,
.list-style2 .item .image:hover > a .btn {
top: 50%;
}
.grid-style2 .item .image-large,
.list-style2 .item .image-large {
height: 255px;
}
.grid-style2 .item .price,
.list-style2 .item .price,
.grid-style2 .item .tag,
.list-style2 .item .tag {
position: absolute;
top: 0px;
left: 15px;
margin-bottom: -20px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.grid-style2 .item .price:before,
.list-style2 .item .price:before,
.grid-style2 .item .tag:before,
.list-style2 .item .tag:before {
display: none;
}
.grid-style2 .item .price i,
.list-style2 .item .price i,
.grid-style2 .item .tag i,
.list-style2 .item .tag i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.grid-style2 .item .price span,
.list-style2 .item .price span,
.grid-style2 .item .tag span,
.list-style2 .item .tag span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
line-height: 1.4;
}
.grid-style2 .item .tag,
.list-style2 .item .tag {
padding: 14px 18px;
font-size: 17px;
}
.grid-style2 .item .tag i,
.list-style2 .item .tag i {
margin-right: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.grid-style2 .item > .info,
.list-style2 .item > .info,
.grid-style2 .item > .info-blog,
.list-style2 .item > .info-blog {
padding: 20px 0 0;
position: relative;
}
.grid-style2 .item > .info h3,
.list-style2 .item > .info h3,
.grid-style2 .item > .info-blog h3,
.list-style2 .item > .info-blog h3 {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 15px;
margin-bottom: 15px;
}
.grid-style2 .item > .info h3 a,
.list-style2 .item > .info h3 a,
.grid-style2 .item > .info-blog h3 a,
.list-style2 .item > .info-blog h3 a {
color: #4d4f52;
}
.grid-style2 .item > .info h3 a:hover,
.list-style2 .item > .info h3 a:hover,
.grid-style2 .item > .info-blog h3 a:hover,
.list-style2 .item > .info-blog h3 a:hover {
text-decoration: none;
color: #dc0b1b;
}
.grid-style2 .item > .info h3 small,
.list-style2 .item > .info h3 small,
.grid-style2 .item > .info-blog h3 small,
.list-style2 .item > .info-blog h3 small {
display: block;
font-style: italic;
margin-top: 4px;
}
.grid-style2 .item > .info-blog h3,
.list-style2 .item > .info-blog h3 {
border-bottom: none;
padding-bottom: 0px;
}
.grid-style2 .item .amenities,
.list-style2 .item .amenities {
width: 100%;
list-style: none;
text-align: center;
padding: 6px 10px;
margin: 18px 0 0;
background-color: #fff;
border-color: #E4E4E4;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.grid-style2 .item .amenities li,
.list-style2 .item .amenities li {
display: inline-block;
height: 38px;
margin-right: 10px;
padding-right: 10px;
padding-top: 10px;
border-right: 1px solid #E4E4E4;
color: #74777c;
}
.grid-style2 .item .amenities li:last-child,
.list-style2 .item .amenities li:last-child {
border-right: none;
margin-right: 0px;
padding-right: 0px;
}
.grid-style2 .item .amenities li .fa,
.list-style2 .item .amenities li .fa {
color: #adb2b6;
font-size: 18px;
}
.grid-style2 .item .amenities li [class^="icon-"],
.list-style2 .item .amenities li [class^="icon-"],
.grid-style2 .item .amenities li [class*=" icon-"],
.list-style2 .item .amenities li [class*=" icon-"] {
color: #adb2b6;
float: left;
font-size: 18px;
margin-right: 2px;
margin-top: -3px;
}
.grid-style2 .item > .amenities,
.list-style2 .item > .amenities {
margin-top: 0;
border-width: 0 1px 1px 1px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.grid-style2 .item .top-info,
.list-style2 .item .top-info {
padding: 10px 15px;
margin: 18px 0 15px;
border: 1px solid #E4E4E4;
color: #adb2b6;
font-size: 13px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.grid-style2 .item .top-info li,
.list-style2 .item .top-info li {
display: inline-block;
margin-right: 14px;
}
.grid-style2 .item .top-info li:last-child,
.list-style2 .item .top-info li:last-child {
margin-right: 0px;
}
.grid-style2 .item .top-info li i,
.list-style2 .item .top-info li i {
margin-right: 5px;
}
.grid-style2 .item.disabled,
.list-style2 .item.disabled {
display: none;
}
.list-style2 .item {
width: 100%;
float: left;
}
.list-style2 .item .image {
width: 35%;
float: left;
}
.list-style2 .item .image img {
height: 100%;
}
.list-style2 .item .info,
.list-style2 .item .info-blog {
width: 60%;
margin-left: 3%;
float: left;
padding: 0;
}
.list-style2 .item .info .amenities,
.list-style2 .item .info-blog .amenities {
display: inline-block;
width: auto;
}
.list-style2 .item .price,
.list-style2 .item .tag {
position: absolute;
}
.list-style2.latest-news .item .image {
width: 44%;
}
.list-style2.latest-news .item .info,
.list-style2.latest-news .item .info-blog {
width: 53%;
}
@media (max-width: 992px) {
.list-style2 .item .image,
.list-style2.latest-news .item .image {
width: 100%;
}
.list-style2 .item .image img,
.list-style2.latest-news .item .image img {
width: 100%;
}
.list-style2 .item .info,
.list-style2.latest-news .item .info,
.list-style2 .item .info-blog,
.list-style2.latest-news .item .info-blog {
width: 100%;
margin-left: 0;
padding-top: 20px;
}
.list-style2 .item .info .amenities,
.list-style2.latest-news .item .info .amenities,
.list-style2 .item .info-blog .amenities,
.list-style2.latest-news .item .info-blog .amenities {
display: inline-block;
width: 100%;
}
}
.carousel-style2 .item {
margin: 0 auto 35px;
text-align: left;
position: relative;
}
.carousel-style2 .item .image {
width: 100%;
/*height:236px;*/
max-height: 236px;
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
-webkit-transition: background-size 0.3s ease-out;
-moz-transition: background-size 0.3s ease-out;
-ms-transition: background-size 0.3s ease-out;
-o-transition: background-size 0.3s ease-out;
transition: background-size 0.3s ease-out;
}
.carousel-style2 .item .image img {
width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.carousel-style2 .item .image > a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background-color: rgba(32, 35, 38, 0.82);
border: 10px solid rgba(32, 35, 38, 0.8);
z-index: 9;
text-align: center;
visibility: hidden;
text-decoration: none;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.carousel-style2 .item .image > a .btn {
margin-top: -17px;
position: relative;
top: 100%;
}
.carousel-style2 .item .image .info {
text-align: left;
}
.carousel-style2 .item .image .info h3 {
color: #fff;
position: absolute;
bottom: 43px;
left: 0;
padding: 0 12px;
}
.carousel-style2 .item .image .info .location {
font-style: italic;
position: absolute;
bottom: 20px;
left: 0;
padding: 0 12px;
display: block;
color: #74777c;
}
.carousel-style2 .item:hover .image {
background-size: auto 120%;
}
.carousel-style2 .item:hover .image img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.carousel-style2 .item:hover .image > a {
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.carousel-style2 .item .price {
position: absolute;
top: 0px;
left: 0px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.carousel-style2 .item .price:before {
display: none;
}
.carousel-style2 .item .price i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.carousel-style2 .item .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
.carousel-style2 .item .amenities {
width: 100%;
list-style: none;
padding: 6px 10px;
margin: 0;
background-color: #fff;
border-color: #E4E4E4;
border-width: 0 1px 1px 1px;
border-style: solid;
text-align: center;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.carousel-style2 .item .amenities li {
display: inline-block;
height: 38px;
margin-right: 10px;
padding-right: 10px;
padding-top: 10px;
border-right: 1px solid #E4E4E4;
color: #74777c;
}
.carousel-style2 .item .amenities li:last-child {
border-right: none;
margin-right: 0px;
padding-right: 0px;
}
.carousel-style2 .item .amenities li .fa {
color: #adb2b6;
font-size: 18px;
}
.carousel-style2 .item .amenities li [class^="icon-"],
.carousel-style2 .item .amenities li [class*=" icon-"] {
color: #adb2b6;
float: left;
font-size: 20px;
margin-right: 3px;
margin-top: -3px;
}
.carousel-style2 .item.disabled {
display: none;
}
.property-gallery.style2 .owl-controls .owl-buttons,
.property-gallery2.style2 .owl-controls .owl-buttons {
background: none repeat scroll 0 0 #dc0b1b;
border-radius: 0;
height: 57px;
position: absolute;
right: 0px;
top: 0px;
width: 33px;
}
.property-gallery.style2 .owl-controls .owl-buttons:before,
.property-gallery2.style2 .owl-controls .owl-buttons:before {
display: none;
}
.fullwidthsingle.style2 .price,
.latest-news-slider.style2 .price,
.fullwidthsingle2.style2 .price {
top: 0px;
left: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.fullwidthsingle.style2 .price:before,
.latest-news-slider.style2 .price:before,
.fullwidthsingle2.style2 .price:before {
display: none;
}
.fullwidthsingle.style2 .tag,
.latest-news-slider.style2 .tag,
.fullwidthsingle2.style2 .tag {
top: 0px;
left: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.fullwidthsingle.style2 .tag:before,
.latest-news-slider.style2 .tag:before,
.fullwidthsingle2.style2 .tag:before {
display: none;
}
.fullwidthsingle.style2 .owl-controls .owl-buttons,
.latest-news-slider.style2 .owl-controls .owl-buttons,
.fullwidthsingle2.style2 .owl-controls .owl-buttons {
background: none repeat scroll 0 0 #dc0b1b;
border-radius: 0;
height: 57px;
position: absolute;
right: 0px;
top: 0px;
width: 33px;
}
.fullwidthsingle.style2 .owl-controls .owl-buttons:before,
.latest-news-slider.style2 .owl-controls .owl-buttons:before,
.fullwidthsingle2.style2 .owl-controls .owl-buttons:before {
display: none;
}
#property-detail-wrapper.style2 .price {
position: absolute;
top: 0px;
left: 0px;
background-color: #dc0b1b;
color: #fff;
padding: 2px 20px 2px 10px;
z-index: 10;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#property-detail-wrapper.style2 .price i {
margin-right: 8px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
#property-detail-wrapper.style2 .price span {
display: block;
font-size: 16pt;
font-weight: 700;
margin-top: -4px;
}
.agencies-list.style2 > li .tag,
.agencies-grid.style2 > li .tag,
.agents-list.style2 > li .tag,
.agents-grid.style2 > li .tag,
.agencies-list.style2 .item .tag,
.agencies-grid.style2 .item .tag,
.agents-list.style2 .item .tag,
.agents-grid.style2 .item .tag {
top: 0px;
left: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-align: center;
}
.agencies-list.style2 > li .tag:before,
.agencies-grid.style2 > li .tag:before,
.agents-list.style2 > li .tag:before,
.agents-grid.style2 > li .tag:before,
.agencies-list.style2 .item .tag:before,
.agencies-grid.style2 .item .tag:before,
.agents-list.style2 .item .tag:before,
.agents-grid.style2 .item .tag:before {
display: none;
}
.blog-main-image.style2 .tag {
top: 0px;
left: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.blog-main-image.style2 .tag:before {
display: none;
}
input[type="submit"]{
background-color: #dc0b1b;
}
.video-container {
position: relative;
padding-bottom: 100%;
padding-top: 30px; height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#autocomplete {
border:solid #74777c 1px;
border-radius: 6px;
width:80%;
margin-right:5px;
max-width:200px;
height:35px;
}
/* CSS Document */
/*forms*/
#tdgraynormal
{
color: #000000;
font-weight: normal;
BACKGROUND-COLOR: #FAFAFA
}
.tdgraynormaldk
{
color: #000000;
font-weight: normal;
BACKGROUND-COLOR: #E8F1FE
}
.redasterisk
{
font-weight: bold;
color: #C60505;
font-size: 15px;
}
.fontsmallgrey
{
font-weight: bold;
color: #7A7A7A;
font-size: 11px;
}
#error {
border-top: 2px #BF0606 solid;
border-bottom: 2px #BF0606 solid;
width:98%;
background-color:#FCBABA;
color: #BF0606;
font-weight: bold;
font-size: 17px;
padding:6px 6px 6px 8px;
margin: 5px 0px 5px 0px;
}
.errortext {
color: #000000;
font-weight: bold;
font-size: 14px;
margin: 5px 0px 5px 28px;
}
/*end forms*/
/* :::::::::::::::::::: FOOTER SUBSCRIBE FORM :::::::::::::::::::::: */
/* footer subscribe form */
#subscribe {
/* border-top:1px solid #1E4F6A;
background: transparent;
background:-moz-linear-gradient(top, #6B8489 0%, #3C4746 18%, #2A3234 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B8489), color-stop(18%,#3C4746), color-stop(100%,#2A3234));
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B8489', endColorstr='#2A3234',GradientType=0 );
background:linear-gradient(top, #6B8489 0%, #3C4746 18%, #2A3234 100%);*/
height:60px;
padding: 0px 0px 0px 5px;
}
#subscribe form {
float:left;
width:216px;
}
#subscribe input{
border:0px solid transparent;
line-height:30px;
height:30px;
width:162px;
margin:0 !important;
padding:0;
display:block;
float:left;
}
#subscribe input[type="text"]{
width:145px;
padding:0px 0px 0px 5px;
position:relative;
-moz-border-radius:6px 0px 0px 6px;
border-radius:6px 0px 0px 6px;
-moz-box-shadow:inset 2px 2px 7px #d8d8d8;
-webkit-box-shadow:inset 0px 0px 5px #444;
box-shadow:0px 0px 5px #444;
behavior:url(/css/pie.htc);
}
#subscribe input[type=submit]{
padding-left:3px;
-moz-border-radius:0 6px 6px 0;
border-radius:0 6px 6px 0;
border-bottom:1px solid #76b7cb;
border-top:1px solid #93bbc8;
height:30px;
width:60px;
color:#fff;
font-size:13px;
text-shadow:1px 1px 2px #666;
font-weight:bold;
position:relative;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:0px 0px 5px #444;
background:-webkit-gradient(linear, center bottom, center top, from(#56a9c2), to(#9ccad8));
background:-moz-linear-gradient(top, #9ccad8, #56a9c2);
-pie-background:linear-gradient(top, #9ccad8, #56a9c2);
background:linear-gradient(top, #9ccad8, #56a9c2);
behavior:url(/css/pie.htc);
}
#subscribe p {
clear:both;
margin-top:14px;
line-height:1;
}
#subscribe h3 {
color:#2E9321;
font-size:15px;
font-weight:normal;
margin: 0px 0px 12px 0px;
text-transform: none;
text-align: left;
}
#subscribe a {
color:#d2f5ff;
opacity:.8;
text-decoration:none;
margin:20px 0 0;
}
#subscribe a:hover {
opacity:1;
text-decoration:underline;
}
/*end footer subscribe form */
/* FAQS page */
/* Tabs ------------------------------*/
.tab_content { font-size:12px; line-height:16px;}
.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}
.tabs {
margin: 0 0 20px 0;
}
.tabs ul.nav {
list-style: none;
margin: 0;
padding: 0;
}
.tabs ul.nav li {
float: left;
position: relative;
margin: 0 2px -1px 0;
z-index: 10;
}
.tabs ul.nav li a {
border: 1px solid #EFEFEF;
border-bottom: none;
display: block;
overflow: hidden;
padding: 5px 10px 0 10px;
height: 24px;
background: #FBFBFB;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.tabs ul.nav li.ui-tabs-selected a {
height: 25px;
background: #fff;
color: #3f3e3c;
}
.tabs .tab {
background: #fff;
padding: 10px;
border: 1px solid #EFEFEF;
}
/* Toggle ------------------------------*/
.toggle {
margin: 0 0 10px 0;
}
.toggle h4 {
font-size: 15px;
font-weight: bold;
padding: 10px;
background: #FBFBFB;
border: 1px solid #EFEFEF;
cursor: pointer;
}
.toggle-inner {
padding: 0px 10px 0px 10px;
background: #fff;
border: 1px solid #EFEFEF;
border-top: none;
font-size:14px;
}
.toggle .ui-icon {
background: #F00;
width: 10px;
height: 10px;
float: left;
margin: 3px 10px 0 0;
}
.toggle .ui-icon {
background: url(http://www.roaradvantage.com/global_images/shortcodes/toggles/toggle-closed.png) no-repeat;
width: 12px;
height: 12px;
float: left;
margin: 9px 10px 0 0;
}
.toggle .ui-state-active .ui-icon { background: url(http://www.roaradvantage.com/global_images/shortcodes/toggles/toggle-open.png) no-repeat; }
/* end FAQS page styles */
/* Glossary page styles */
.glossaryletter, .glossaryletter a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 28px;
height: 30px;
font-size: 23px;
font-weight: bold;
color: #ffffff;
padding-top: 0px;
display: block;
margin: 0px 10px 10px 0px;
float: left;
text-align: center;
cursor: pointer;
}
.glossaryletterholder {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 25px;
height: 28px;
font-size: 21px;
font-weight: bold;
color: #ffffff;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
}
/* end Glossary page styles */
/* Event calendar styles */
/*
* FullCalendar v1.5.3 Stylesheet
*
* Copyright (c) 2011 Adam Shaw
* Dual licensed under the MIT and GPL licenses, located in
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
*
* Date: Mon Feb 6 22:40:40 2012 -0800
*
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
color:#333333;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right {
margin-right: 1px; /* back to normal */
}
.fc-header .ui-corner-right {
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
}
.fc-view {
width: 100%; /* needed for view switching (when view is absolute) */
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, /* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #ccc;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
background: #ffc;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #9cf;
opacity: .2;
filter: alpha(opacity=20); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border-style: solid;
border-width: 1px 0;
}
.fc-button-inner {
position: relative;
float: left;
overflow: hidden;
}
.fc-state-default .fc-button-inner { /* non-theme */
border-style: solid;
border-width: 0 1px;
}
.fc-button-content {
position: relative;
float: left;
height: 1.9em;
line-height: 1.9em;
padding: 0 .6em;
white-space: nowrap;
}
/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button-content .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
/* gloss effect */
.fc-state-default .fc-button-effect {
position: absolute;
top: 50%;
left: 0;
}
.fc-state-default .fc-button-effect span {
position: absolute;
top: -100px;
left: 0;
width: 500px;
height: 100px;
border-width: 100px 0 0 1px;
border-style: solid;
border-color: #fff;
background: #444;
opacity: .09;
filter: alpha(opacity=9);
}
/* button states (determines colors) */
.fc-state-default,
.fc-state-default .fc-button-inner {
border-style: solid;
border-color: #ccc #bbb #aaa;
background: #F3F3F3;
color: #000;
}
.fc-state-hover,
.fc-state-hover .fc-button-inner {
border-color: #999;
}
.fc-state-down,
.fc-state-down .fc-button-inner {
border-color: #555;
background: #777;
}
.fc-state-active,
.fc-state-active .fc-button-inner {
border-color: #555;
background: #777;
color: #fff;
}
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
color: #999;
border-color: #ddd;
}
.fc-state-disabled {
cursor: default;
}
.fc-state-disabled .fc-button-effect {
display: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border-style: solid;
border-width: 0;
font-size: .85em;
cursor: default;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
a.fc-event {
text-decoration: none;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-skin {
border-color: #36c; /* default BORDER color */
background-color: #36c; /* default BACKGROUND color */
color: #fff; /* default TEXT color */
}
.fc-event-inner {
position: relative;
width: 100%;
height: 100%;
border-style: solid;
border-width: 0;
overflow: hidden;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left {
margin-left: 1px;
}
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
margin-left: -1px;
}
.fc-corner-right {
margin-right: 1px;
}
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
margin-right: -1px;
}
.fc-corner-top {
margin-top: 1px;
}
.fc-corner-top .fc-event-inner {
margin-top: -1px;
}
.fc-corner-bottom {
margin-bottom: 1px;
}
.fc-corner-bottom .fc-event-inner {
margin-bottom: -1px;
}
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
.fc-corner-left .fc-event-inner {
border-left-width: 1px;
}
.fc-corner-right .fc-event-inner {
border-right-width: 1px;
}
.fc-corner-top .fc-event-inner {
border-top-width: 1px;
}
.fc-corner-bottom .fc-event-inner {
border-bottom-width: 1px;
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
filter: alpha(opacity=30);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
/* Event calendar styles */
.calendar-event1 p {
margin-left: 12px;
}
.calendar-event1 {
margin-bottom: 12px;
padding-bottom:15px;
border-bottom: 1px solid #999;
}
.calendar-event1 .event-title1 {
font-size: 16px;
padding-top: 6px;
font-weight: bold;
color: #000000;
}
.calendar-event1 .event-meta1 {
font-size: 13px;
padding-top: 8px;
padding-bottom: 6px;
}
.event-cal-icon1 {
background: url(http://www.roaradvantage.com/global_images/events/icon-calendar.gif) no-repeat -4px -2px;
width: 59px;
height: 70px;
text-align: center;
color: #fff;
float: left;
margin-right: 10px;
margin-bottom:65px;
font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
}
.event-cal-icon2 {
background: url(http://www.roaradvantage.com/global_images/events/icon-calendar.gif) no-repeat -4px -2px;
width: 59px;
height: 70px;
text-align: center;
color: #fff;
float: left;
margin-right: 10px;
font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
}
span.month1 {
font-weight: bold;
display: block;
padding-top: 4px;
text-transform: uppercase;
}
span.day1 {
font-weight: bold;
font-size: 25px;
display: block;
padding-top: 6px;
}
/* Event sign up form styles */
.event_signup {
margin: 15px;
padding: 20px;
border: 1px solid #999;
width:400px;
padding-bottom:0px;
}
.event_signup input {
width:225px;
}
.event_signup input[name=skilltest] {
width:97px;
}
.event_signup input[type=submit] {
width:100px;
height:30px;
float:right;
margin-right:110px;
}
/* End event signup form */
/* blog styles */
#subpageblog {
border-top:4px solid #01afee;
border-bottom: 4px solid #01afee;
background: #f6f6f6;
width: 100%;
margin-bottom:20px;
color:#545454;
font-size:11px;
padding:0px;
}
#subpageblog h4 { font-family: ProximaNova, Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; margin:0 0 7px 0px; color: #01afee; border-bottom:0px;}
#subpageblog h5 { font-family: ProximaNova, Arial, Helvetica, sans-serif; font-size:1.6em; }
#subpageblog h5 a { font-family: ProximaNova, Arial, Helvetica, sans-serif; color: #6c6a69 !important; text-decoration:none; font-weight:normal !important; }
#subpageblog h5 a:hover { font-family: ProximaNova, Arial, Helvetica, sans-serif; text-decoration:underline; }
#subpageblog h5.active, #subpageblog h5.active a
{
background-color:#01afee;
color:#ffffff !important;
padding:5px 5px 5px 10px;
margin-left:-5px;
border-radius: 4px;
-moz-border-radius: 4px;
}
#blognew {
padding-top:25px;
}
#blognew .author_link {
color:#01afee !important;
}
#blognew h2 a:link, #blognew h2 a:visited, #blognew h2 {
font-size:32px;
font-weight:normal;
color:#01afee;
}
@media only screen and (max-width: 767px) {
#blognew h2 a:link, #blognew h2 a:visited, #blognew h2 {
font-size:22px;
}
.posted_by{
clear:both;
}
}
#readmore {
background-color:#01afee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
padding: 0.7em 1.225em;
font-size: 1em;
line-height: 1em;
-webkit-box-shadow: 0 2px 0 #239ac5,0 2.8px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0 2px 0 #239ac5,0 2.8px 2px rgba(0,0,0,0.25);
box-shadow: 0 2px 0 #239ac5,0 2.8px 2px rgba(0,0,0,0.25);
color:#fff !important;
margin-top:15px;
}
#blognew a:hover {
text-decoration: underline;
}
#blognew div.section {
position: relative;
overflow: hidden;
padding: 0px 0px 30px 0px;
margin: 0px 0px 12px 0px;
background: url('http://www.roaradvantage.com/global_images/blog/dots_horizontal.png') left bottom repeat-x;
}
/* END blog styles */
/* FORM styles */
.success {
color: #3F9153;
background: #D7F7DF url(/images/list-check.png) right top no-repeat;
border: 1px solid #A3F7B8;
margin: 5px 0;
padding: 5px;
}
.errorjs {
color: #C24848;
background: #FFD6D6 url(/images/list-cross.png) right top no-repeat;
border: 1px solid #FFC2C2;
margin: 5px 0;
padding: 5px;
}
.unfilled {
background: #f0f0f0;
border: 1px solid #dedede;
margin: 5px 0;
padding: 5px;
}
.buttoncontact {
border: none;
display: inline-block;
font-size: 14px;
font-family: 'Lato', Arial, Georgia !important;
letter-spacing: -0.5px;
color: #fff;
font-weight:bold;
cursor: pointer;
text-decoration: none;
margin: 10px 0 10px;
padding: 9px 18px 11px 18px;
float: left;
}
.error {
border-top: 2px #BF0606 solid;
border-bottom: 2px #BF0606 solid;
width: 100%;
background-color: #FCBABA;
color: #BF0606;
font-weight: bold;
font-size: 12px;
padding: 6px 6px 6px 8px;
margin: 5px 0px 5px 0px;
}
#form_display_success_sidebar {
width: 100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:10px; background: #D7F7DF;
color:#3F9153;
font-weight:bold;
font-size:14px;
visibility:hidden;
position:absolute;
}
#loading_sidebar {
backgounr-color: #ffffff;
background-image: url(/images/loading.gif);
background-repeat: no-repeat;
visibility:hidden;
position:absolute;
width:180px;
height:120px;
top:30%;
left:50%;
margin-left:-90px;
margin-top:-60px;
z-index: 99;
}
#process_error_sidebar {
width: 100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:10px; background: #FCBABA;
color:#BF0606;
font-weight:bold;
font-size:14px;
visibility:hidden;
position:absolute;
}
.form_container {
margin-top:85px;
}
.form_heading {
background: #ffffff;
width: 100%;
border-bottom: 1px solid #cccccc;
padding: 10px 20px 10px 20px;
}
.input_box {
background: #ededed;
width: 100%;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
padding: 10px 25px 10px 20px;
position: relative;
}
.required {
background: #ededed;
}
.correct {
background: #d7f7df;
}
.invalid {
background: #ffd6d6;
}
.label {
width: 25%;
float: left;
}
.input_field {
width: 75%;
float: right;
}
input, label, select {
width: 100%;
height: 30px;
border: none;
padding-left: 5px;
color:#898989;
vertical-align:bottom;
}
textarea {
width:100%;
border:none;
}
label {
font-size:14px;
font-weight:normal;
vertical-align:baseline;
}
input[type="radio"] {
height: auto;
width: auto;
}
input[type="submit"]{
height:auto;
}
.check_r label, .check_l input {
height:16px;
}
.check_l {
width:10%;
float:left;
}
.check_r {
width:90%;
float:right;
}
textarea {
background-color: #ffffff;
}
.wide_l {
width: 35%;
}
.wide_r {
width: 65%;
}
.button_submit {
border: none;
font-size: 14px;
color: #fff;
cursor: pointer;
text-decoration: none;
margin-top: 10px;
padding: 9px 18px 11px 18px;
width: auto;
height: auto;
}
#form_display_success {
width: 90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
background: #D7F7DF;
text-align:center;
visibility: hidden;
position: absolute;
}
#form_display_success h2 {
color: #3F9153;
}
#loading {
backgounr-color: #ffffff;
background-image: url(/images/loading.gif);
background-repeat: no-repeat;
visibility: hidden;
position: absolute;
width: 180px;
height: 120px;
top: 30%;
left: 50%;
margin-left: -90px;
margin-top: -60px;
z-index: 99;
}
#process_error {
width: 100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px;
background: #FCBABA;
color: #BF0606;
font-weight: bold;
font-size: 14px;
visibility: hidden;
position: absolute;
}
input[type="text"]#contact_info { display: none; }
.rate_header {
padding:18px 0;
border: 1px solid #e3e3e3;
}
.rate_header h2 {
text-align:center;
}
.rate_container {
border: 1px solid #e3e3e3
}
.line_even {
background-color:#f1f3f6;
border: 1px solid #e3e3e3;
border-top: none;
padding: 15px;
font-size: 12pt;
}
.line_odd {
background-color:#fff;
border: 1px solid #e3e3e3;
border-top: none;
padding: 15px;
font-size: 12pt;
text-align:center;
}
.line_even td, .line_odd td {
border: 1px solid #e3e3e3;
border-top: none;
padding: 15px;
font-size: 12pt;
text-align:center;
}
#search_submit {
background-color:#fff;
height:35px;
border-radius: 6px;
}
.glossaryletter, .glossaryletterholder {
background-color: #dc0b1b;
}
.contact_icons {
background-color:#222222 !important;
}
.news_articles p {
font-size:14px;
line-height:18px;
}
.news_articles h4 {
margin-top:25px;
}
.sidebar-form input[type="text"], .sidebar-form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 9px 9px;
border: none;
outline: 0;
width: 100%;
background: #f7f7f7;
}
.sidebar-form p {
color:#dc0b1b;
}
#subscription p {
color:#74777c;
}
.well {
box-shadow: none !important;
background-color: transparent !important;
border: none !important;
-webkit-box-shadow: none !important;
}
#contacts-overlay ul li a, #contacts-overlay ul li {
font-size:20px;
line-height:1;
text-transform: uppercase;
padding-left: 0;
}
#contacts-overlay ul li {
padding-left: 63px !important;
padding-top: 13px;
}
.jumbotron {background-color:#fff !important;background-image:none;}
.btn-default-color, .btn-default-color:focus {
border-color: #8a8a8a;
font-weight: bold;
font-size: 15px;
}
.form-control {border-color:#ababab;}
::-webkit-input-placeholder { text-transform: uppercase; }
::-moz-placeholder { text-transform: uppercase; } /* firefox 19+ */
:-ms-input-placeholder { text-transform: uppercase; } /* ie */
input:-moz-placeholder { text-transform: uppercase; }
.container {
padding-left:0px;
padding-right:0px;
width:1200px;
}
#contacts-overlay ul li { min-height: initial !important; overflow: visible; height:46px; }
#contacts-overlay ul li i {
width:46px;
height:46px;
font-size: 16pt;
line-height: 46px;
}
@media screen and (min-width: 768px){
.margin-top {
margin-top:30px;
}
#contacts-overlay {
width: 380px;
margin:0 auto;
display:block;
}
}
.heading-logo {
}
.heading-logo use, .heading-logo svg {
width:100%;
width:300px;
height:70px;
overflow:hidden;
}
.heading-logo svg {
margin-top:10px;
}
@media screen and (max-width: 767px){
.heading-logo {
display:block;
margin:0 auto !important;
width:305px;
}
.heading-phone {
text-align:center !important;
}
.heading-phone span {
text-align:center !important;
font-size: 1.8em !important;
font-weight: bold !important;
color: #d11b27 !important;
letter-spacing: 1px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
float: none !important;
clear: both !important;
display: block !important;}
#contacts-overlay ul li a, #contacts-overlay ul li {
font-size:16px;
}
}
.more-info {
float:right;
text-align:right;
}
.more-info p {
color:#d11b27;
margin: 0;
padding: 0;
font-size:14px;
}
.more-info span {
display:block;
margin:0;
padding:0;
color:#c4c4c4;
font-size:14px;
}
.col-sm-12 input, .col-sm-12 textarea {
display:block;
margin-left: auto;
margin-right:auto;
width:90%;
min-width:230px;
}
div.jumbotron {
min-height: 100%;min-height: 100vh;display: flex;align-items: center;margin-bottom:0px;padding-top:0px;padding-bottom:0px;
}
.well.well-lg {margin-bottom:0px;padding:0px}
.col-sm-7.heading-phone {text-align:right;}
.heading-phone span {font-size: 4.2em;font-weight: bold;color: #d11b27;letter-spacing:1px;}
.margin-top {color: #fff;background-color: #d11b27;padding-top: 8px;padding-bottom: 8px; padding-left: 10px; display: block;width: 100%;font-style: italic;font-weight: bold;font-size: 18px;text-transform:uppercase;letter-spacing:1px;}
.heading-logo img {margin: 10px 0 20px 0;}
.slide img {width:100%;}
.content .a {
text-align:center;
}
.content .b {
margin-top: 60px;font-weight:600;
}
.content .c {
padding:5px 0px 0px 0px; font-size:16px;
height:30px;
}
#contacts-overlay {
position:relative;top:0;left:0;
}
#thank_you {display:none; text-align:center;}
#input_message {min-height:150px;}
.heading-phone a, .heading-phone a:hover,.heading-phone a:focus, .heading-phone a:active {text-decoration:none;}
.desc-hone, .desc-htwo {
font-family: 'Raleway', sans-serif !important;
color: #dc0b1b !important;
}
.desc-hone {
font-size: 27px !important;
text-align: center !important;
margin-top: 20px;
font-weight: 600;
}
.desc-hone::after {
content: " ";
width:50%;
max-width:100px;
display:block;
height:5px;
margin:5px auto 10px auto;
border-bottom:3px double #dc0b1b;
opacity: 0.5;
}
.desc-htwo {
text-align:center;
margin-bottom:20px;
}
.section-desc {
font-size: 18px !important;
margin-top: 10px !important;
width:85%;
display:block;
margin:0 auto 20px auto;
}
.section-desc.left-side {
}
.section-desc.right-side {
}
.section-title {font-weight:600;} |