@import "http://fonts.googleapis.com/css?family=Open+Sans:400,700";
/* --------------------------------
Primary style
-------------------------------- */
*, *::after, *::before {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
font-family: "Lato",sans-serif;
color: #2e3233;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
}
body::after {
/* dark overlay layer - visible when we fire .cd-quick-view */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(71, 55, 78, 0.8);
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
@media only screen and (min-width: 1024px) {
body.overlay-layer::after {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
}
@media only screen and (max-width: 1169px) {
body.nav-on-left.overflow-hidden {
overflow: hidden;
}
}
a {
color: #ab0924;
text-decoration: none;
}
img {
/* make images responsive */
max-width: 100%;
}
input {
font-family: sans-serif;
font-size: 1.6em;
}
input[type="search"]::-ms-clear {
/* removes close icon - IE */
display: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
/* --------------------------------
Modules - reusable parts of our design
-------------------------------- */
.cd-container {
width: 90%;
max-width: 1000px;
margin: 4em auto 1em auto;
}
.cd-container::after {
/* clearfix */
content: '';
display: table;
clear: both;
}
.cd-container2 {
width: 90%;
margin: 4em auto 3em auto;
}
.cd-container2::after {
/* clearfix */
content: '';
display: table;
clear: both;
}
/* --------------------------------
Main components
-------------------------------- */
.cd-main-content, .cd-main-header {
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}
.cd-main-content, .cd-main-header {
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
}
.cd-main-content {
background: #ffffff;
min-height: 100vh;
z-index: 2;
}
.cd-main-header {
height: 50px;
background: #333333;
z-index: 3;
}
.nav-is-fixed .cd-main-header {
/* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
position: fixed;
top: 20px;
left: 0;
width: 100%;
}
@media only screen and (min-width: 1170px) {
.cd-main-header {
height: 60px;
}
.cd-main-header::after {
clear: both;
content: "";
display: table;
}
.nav-is-fixed .cd-main-header {
/* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
position: fixed;
top: 25px;
left: 0;
width: 100%;
}
.pageheading {
padding-top: 90px;
font-size: 3.5em;
color: #666;
font-weight: 200;
letter-spacing: -2px;
text-align: center;
}
.pageheadingLRG {
margin-top: 40px;
padding-top: 40px;
font-size: 4em;
color: #666;
font-weight: 200;
letter-spacing: -2px;
text-align: center;
border-top: 1px solid #999;
}
.pageheadingMED {
padding-top: 90px;
font-size: 3em;
color: #666;
font-weight: 200;
letter-spacing: -2px;
text-align: center;
}
.pageheadingSM {
padding-top: 10px;
font-size: 2em;
color: #666;
font-weight: 200;
letter-spacing: -2px;
text-align: center;
}
.fromthesmalltype {
font-size: .5em;
letter-spacing: 0px;
color: #444;
}
.pagecopy {
padding-top: 20px;
font-size: 1.5em;
line-height: 1.2em;
color: #777;
font-weight: 200;
letter-spacing: -1px;
text-align: center;
}
.pagecopyLRG {
padding-top: 20px;
padding-bottom: 40px;
font-size: 2em;
line-height: 1.2em;
color: #777;
font-weight: 200;
letter-spacing: -1px;
text-align: center;
border-bottom: 1px solid #999;
}
}
.cd-logo {
position: absolute;
top: 12px;
left: 5%;
}
.cd-logo img {
display: block;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-logo {
left: auto;
right: 5%;
z-index: 9999;
}
.nav-is-fixed .cd-main-header {
/* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.pageheading {
padding-top: 30px;
font-size: 2.4em;
color: #666;
font-weight: 200;
letter-spacing: -1px;
text-align: center;
}
.pageheadingLRG {
margin-top: 40px;
padding-top: 40px;
font-size: 3em;
color: #666;
font-weight: 200;
letter-spacing: -2px;
text-align: center;
border-top: 1px solid #999;
}
.pageheadingMED {
padding-top: 30px;
font-size: 2em;
color: #666;
font-weight: 200;
letter-spacing: -1px;
text-align: center;
}
.pageheadingSM {
padding-top: 10px;
font-size: 1.8em;
color: #666;
font-weight: 200;
letter-spacing: -2px;
text-align: center;
clear: both;
display: block;
}
.fromthesmalltype {
font-size: .4em;
width: 350px;
letter-spacing: 0px;
color: #444;
margin-top: -10px;
}
.pagecopy {
padding-top: 10px;
font-size: 1em;
line-height: 1.2em;
color: #999;
font-weight: 400;
letter-spacing: 0px;
text-align: center;
}
.pagecopyLRG {
padding-top: 20px;
padding-bottom: 40px;
font-size: 1.4em;
line-height: 1.2em;
color: #777;
font-weight: 200;
letter-spacing: -1px;
text-align: center;
border-bottom: 1px solid #999;
}
.pagecopy h2 {
padding: 10px 0px 10px 0px;
font-size: 1em;
line-height: 1.2em;
color: #999;
font-weight: 400;
letter-spacing: 0px;
text-align: center;
border-top: 1px solid #333;
}
.cd-logo img {
width: 170px;
}
}
@media only screen and (min-width: 1170px) {
.cd-logo {
top: 14px;
left: 4em;
z-index: 9999;
}
.cd-logo img {
width: 211px;
}
}
.cd-header-buttons {
position: absolute;
display: inline-block;
top: 3px;
right: 5%;
}
.cd-header-buttons li {
display: inline-block;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-header-buttons {
right: auto;
left: 5%;
}
.nav-on-left .cd-header-buttons li {
float: right;
}
}
@media only screen and (min-width: 1170px) {
.cd-header-buttons {
top: 11px;
right: 4em;
}
}
.cd-search-trigger, .cd-nav-trigger {
position: relative;
display: block;
width: 44px;
height: 44px;
overflow: hidden;
white-space: nowrap;
/* hide text */
color: transparent;
z-index: 3;
}
.cd-search-trigger::before, .cd-search-trigger::after {
/* search icon */
content: '';
position: absolute;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-search-trigger::before {
/* lens */
top: 11px;
left: 11px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 3px solid #fff;
}
.cd-search-trigger::after {
/* handle */
height: 3px;
width: 8px;
background: #fff;
bottom: 14px;
right: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span {
/* container for the X icon */
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
/* close icon */
content: '';
position: absolute;
display: inline-block;
height: 3px;
width: 22px;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -11px;
background: #2e3233;
opacity: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
/* hide search icon */
opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
/* show close icon */
opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
/* hamburger icon in CSS */
position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #ffffff;
}
.cd-nav-trigger span {
/* line in the center */
position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
/* other 2 lines */
content: '';
right: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
/* menu icon top line */
top: -6px;
}
.cd-nav-trigger span::after {
/* menu icon bottom line */
top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
/* hide line in the center */
background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
/* keep visible other 2 lines */
background: #ffffff;
}
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
display: none;
}
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav, .cd-primary-nav ul {
position: fixed;
top: 0;
font-size: 12px;
font-weight: 600;
right: 0;
height: 100%;
width: 260px;
background: #2e3233;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 1;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.realtormobile {
display: none;
}
.adbugs {
position: absolute;
top: 85px;
right: 2%;
z-index: 2;
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
background: #888078;
}
.adbugs img {
width: 400px;
}
}
@media only screen and (max-width: 1170px) {
.cd-primary-nav, .cd-primary-nav ul {
position: fixed;
top: 0;
font-size: 14px;
font-weight: 600;
right: 0;
height: 100%;
width: 260px;
background: #2e3233;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 1;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.adbugs {
background: #888078;
margin-top: 15px;
margin-bottom: -35px;
width: 100%;
margin: 0 auto;
text-align: center;
}
}
.cd-primary-nav a, .cd-primary-nav ul a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #3a3f40;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
/* secondary navigations hidden by default */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
right: auto;
left: 0;
}
}
.cd-primary-nav .see-all a {
/* different style for the See all button on mobile and tablet */
color: #ab0924;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
/* items with picture (or icon) and title */
height: 80px;
line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
padding-left: 90px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
color: #2e3233;
font-size: 1.3rem;
/* hide description on small devices */
display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
/* item icon */
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
background-image: url("../img/line-icon-1.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
background-image: url("../img/line-icon-2.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
background-image: url("../img/line-icon-3.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
background-image: url("../img/line-icon-4.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
background-image: url("../img/line-icon-5.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
background-image: url("../img/line-icon-6.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
background-image: url("../img/line-icon-7.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
background-image: url("../img/line-icon-8.svg");
}
@media only screen and (max-width: 1169px) {
.cd-primary-nav {
/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s;
}
.cd-primary-nav.nav-is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: absolute;
display: block;
height: 78%;
width: auto;
left: 0px;
top: 0px;
margin: 10px;
float: left;
border: 1px solid #fff;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
color: #fff;
font-weight: bold;
font-size: 1em;
padding: 0 0em;
text-align: left;
position: absolute;
left: 118px;
bottom: 5%;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h4 {
color: #ccc;
font-weight: 600;
font-size: .9em;
padding: 3px 0 0px 0;
text-align: center;
position: relative;
left: 0px;
top: 10px;
}
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav {
position: static;
padding: 0 150px 0 0;
height: auto;
width: auto;
float: right;
overflow: visible;
background: transparent;
}
.cd-primary-nav::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav ul {
position: static;
height: auto;
width: auto;
background: transparent;
overflow: visible;
z-index: 3;
}
.cd-primary-nav ul.is-hidden {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-primary-nav ul.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav > li {
float: left;
margin-left: .8em;
}
.cd-primary-nav > li > a {
/* main navigation buttons style */
position: relative;
display: inline-block;
height: 60px;
line-height: 60px;
padding: 0 10px;
text-transform: uppercase;
color: #fff;
overflow: visible;
border-bottom: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s;
}
.cd-primary-nav > li > a:hover {
color: #999;
}
.cd-primary-nav > li > a.selected {
color: #999;
box-shadow: inset 0 -2px 0 #ab0924;
}
.cd-primary-nav .go-back, .cd-primary-nav .see-all {
display: none;
}
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
/* dropdown menu style */
position: absolute;
top: 60px;
width: 100vw;
background: url('../img/darkoverlay.png');
/* background-image: -moz-linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
background-repeat: repeat-y;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 1)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);*/
padding: 28px 24px 30px;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
/* this is the BIG See all button at the bottom of the dropdown menu */
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 80px;
width: 100%;
overflow: hidden;
/* reset some inherited style */
margin: 0;
padding: 0;
}
.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
line-height: 80px;
border-top: 1px solid #e2e3df;
/* reset some inherited style */
border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s;
}
.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
background: #2e3233;
border-color: #2e3233;
color: #ffffff;
}
.cd-primary-nav .cd-secondary-nav > li {
/* change the height according to your needs - you can even set height: auto */
height: auto;
/* here you set the number of columns - use width percentage */
width: 180px;
float: right;
margin-right: 1.66%;
border-right: 1px solid #e2e3df;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
/* .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
+2 because we have 2 list items with display:none
margin-right: 0;
border-right: none;
}*/
.cd-primary-nav .cd-secondary-nav > li > a {
/* secondary nav title */
color: #ab0924;
font-weight: bold;
font-size: 1.6rem;
margin-bottom: .6em;
}
.cd-primary-nav .cd-secondary-nav a {
height: 30px;
line-height: 30px;
padding: 0 18% 0 0;
color: #ffffff;
border-bottom: none;
font-size: 1.4rem;
}
.cd-primary-nav .cd-secondary-nav a:hover {
color: #ab0924;
}
.cd-primary-nav .cd-secondary-nav ul {
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-primary-nav .cd-secondary-nav ul ul {
/* tertiary navigation */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
display: block;
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
color: transparent;
}
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
display: block;
}
.cd-primary-nav .cd-secondary-nav .moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cd-primary-nav .cd-nav-gallery li {
/* set here number of columns - use width percentage */
width: 14%;
float: left;
}
.cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
border-bottom: none;
padding: 14px 0 4px 10px;
height: auto;
line-height: 1.2;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: static;
margin-top: 0;
height: auto;
max-height: 120px;
width: 100%;
margin-bottom: .6em;
border: 2px solid #fff;
-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.31);
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
color: #fff;
font-weight: bold;
font-size: 1.3em;
padding: 0 0em;
text-align: center;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h4 {
color: #ccc;
font-weight: 600;
font-size: 1em;
padding: 3px 0 0px 0;
text-align: center;
}
.cd-primary-nav .cd-nav-icons li {
/* set here number of columns - use width percentage */
width: 32%;
float: left;
margin: 0 2% 20px 0;
}
.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
border-bottom: none;
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
position: relative;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
background: #f6f6f5;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
color: #ab0924;
font-weight: bold;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
display: block;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
left: 25px;
}
}
.has-children > a, .go-back a {
position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
/* arrow icon in CSS - for element with nested unordered lists */
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #464c4e;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
background: #c9cbc4;
}
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
background: #ab0924;
}
}
.has-children > a {
padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
.cd-primary-nav .go-back a {
padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {
right: 15%;
}
.cd-primary-nav > .has-children > a {
/* main navigation arrows on larger devices */
padding-right: 30px !important;
}
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
width: 9px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #c9cbc4;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-primary-nav > .has-children > a::before {
right: 12px;
}
.cd-primary-nav > .has-children > a::after {
right: 7px;
}
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
width: 14px;
}
.cd-primary-nav > .has-children > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-primary-nav > .has-children > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
/* remove arrows on secondary nav titles */
display: none;
}
.cd-primary-nav .go-back a {
padding-left: 20px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
left: 1px;
}
}
.cd-search {
position: absolute;
height: 50px;
width: 100%;
top: 50px;
left: 0;
z-index: 9998;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
height: 100%;
width: 100%;
}
.cd-search input {
border-radius: 0;
border: none;
background: #ffffff;
height: 100%;
width: 100%;
padding: 0 5%;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-align: right;
z-index: 2222;
}
.cd-search input::-webkit-input-placeholder {
color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
color: #c9cbc4;
}
.cd-search input:focus {
outline: none;
}
.cd-search.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
position: fixed;
}
@media only screen and (min-width: 1170px) {
.cd-search {
height: 120px;
top: 80px;
z-index: 2;
}
.cd-search input {
padding: 0 6em;
font-size: 2.6rem;
font-weight: 300;
}
}
@media only screen and (max-width: 1060px) {
.cd-search {
height: 60px;
top: 40px;
z-index: 2;
}
.cd-search input {
padding: 2em 3em 1.4em 0em;
font-size: 2.2rem;
font-weight: 300;
}
}
.cd-overlay {
/* shadow layer visible when navigation is active */
position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.3);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/* --------------------------------
support for no js
-------------------------------- */
.no-js .cd-primary-nav {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2;
}
.no-js .cd-search {
position: relative;
top: 0;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 150px;
padding: 0;
}
.no-js .nav-is-fixed .cd-primary-nav {
position: fixed;
}
}
/* --------------------------------
Slider
-------------------------------- */
.cd-hero {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-hero-slider {
position: relative;
height: 360px;
overflow: hidden;
background-image: url('../img/sliders/BrdgwtrPorch.jpg');
}
.cd-hero-slider li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-box-shadow: inset 0px 0px 106px 85px rgba(0,0,0,.5);
-moz-box-shadow: inset 0px 0px 106px 85px rgba(0,0,0,.5);
box-shadow: inset 0px 0px 106px 85px rgba(0,0,0,.5);
}
.cd-hero-slider li.selected {
/* this is the visible slide */
position: relative;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-hero-slider li.move-left {
/* slide hidden on the left */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
/* the is-moving class is assigned to the slide which is moving outside the viewport */
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}
@media only screen and (max-width: 768px) {
.cd-hero-slider {
height: 650px;
}
.cd-hero-slider h2 {
font-size: 4rem;
letter-spacing: -2px;
text-shadow: 0 0 50px rgba(0, 0, 0, .7),
0 0 40px rgba(0, 0, 0, .8),
0 0 30px rgba(0, 0, 0, .9);
line-height: 1;
margin: 35% 0px 14px 14px;
color: #ffffff;
width: 90%;
}
.cd-hero-slider p {
font-size: 2.1rem;
text-shadow: 0 0 50px rgba(0, 0, 0, .7),
0 0 40px rgba(0, 0, 0, .8),
0 0 30px rgba(0, 0, 0, .9);
line-height: 1.2;
margin: 0 auto 14px;
color: #ffffff;
width: 90%;
}
.cd-hero-slider .cd-btn {
display: inline-block;
padding: 1.2em 1.4em;
margin-top: 1.8em;
background-color: #c60523;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
}
@media only screen and (min-width: 768px) {
.cd-hero-slider {
height: 500px;
}
.cd-hero-slider h2 {
font-size: 2.4rem;
text-shadow: 0 0 80px rgba(0, 0, 0, .7),
0 0 70px rgba(0, 0, 0, .7),
0 0 60px rgba(0, 0, 0, .7),
0 0 50px rgba(0, 0, 0, .7),
0 0 40px rgba(0, 0, 0, .8),
0 0 30px rgba(0, 0, 0, .9);
line-height: 1.2;
margin: 0 auto 14px;
color: #ffffff;
width: 90%;
}
.cd-hero-slider p {
font-size: 1.4rem;
text-shadow: 0 0 80px rgba(0, 0, 0, .7),
0 0 70px rgba(0, 0, 0, .7),
0 0 60px rgba(0, 0, 0, .7),
0 0 50px rgba(0, 0, 0, .7),
0 0 40px rgba(0, 0, 0, .8),
0 0 30px rgba(0, 0, 0, .9);
line-height: 1.2;
margin: 0 auto 14px;
color: #ffffff;
width: 90%;
}
.cd-hero-slider .cd-btn {
display: inline-block;
padding: 1.2em 1.4em;
margin-top: .8em;
background-color: #c60523;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
}
@media only screen and (min-width: 1170px) {
.cd-hero-slider {
height: 900px;
}
.cd-hero-slider h2 {
font-size: 2.4rem;
}
.cd-hero-slider p {
font-size: 1.4rem;
line-height: 1.4;
}
.cd-hero-slider .cd-btn {
display: inline-block;
padding: 1.2em 1.4em;
margin-top: .8em;
background-color: #c60523;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
}
/* --------------------------------
Single slide style
-------------------------------- */
.cd-hero-slider li {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
/* this padding is used to align the text */
padding-top: 100px;
text-align: center;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
/* hide image on mobile device */
display: none;
}
.cd-hero-slider .cd-img-container img {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
/* hide video on mobile device */
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
/* you won't see this element in the html, but it will be injected using js */
display: block;
min-height: 100%;
min-width: 100%;
max-width: none;
height: auto;
width: auto;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-btn.secondary {
background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
.cd-hero-slider li:nth-of-type(2) {
background-image: none;
}
.cd-hero-slider li:nth-of-type(3) {
background-image: none;
}
.cd-hero-slider li:nth-of-type(4) {
background-image: none;
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
padding-top: 150px;
}
.cd-hero-slider .cd-bg-video-wrapper {
display: block;
}
.cd-hero-slider .cd-half-width {
width: 45%;
}
.cd-hero-slider .cd-half-width:first-of-type {
left: 5%;
}
.cd-hero-slider .cd-half-width:nth-of-type(2) {
right: 5%;
left: auto;
}
.cd-hero-slider .cd-img-container {
display: block;
}
.cd-hero-slider h2, .cd-hero-slider p {
max-width: 920px;
}
.cd-hero-slider h2 {
font-size: 2.4em;
font-weight: 300;
}
.cd-hero-slider .cd-btn {
font-size: 1.4rem;
}
}
@media only screen and (min-width: 1170px) {
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
padding-top: 350px;
}
.cd-hero-slider h2, .cd-hero-slider p {
margin-bottom: 10px;
}
.cd-hero-slider h2 {
font-size: 4.2em;
}
.cd-hero-slider p {
font-size: 2.6rem;
}
}
/* --------------------------------
Single slide animation
-------------------------------- */
@media only screen and (min-width: 768px) {
.cd-hero-slider .cd-half-width {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
.cd-hero-slider .move-left .cd-half-width {
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}
.cd-hero-slider .selected .cd-half-width {
/* this is the visible slide */
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-hero-slider .is-moving .cd-half-width {
/* this is the slide moving outside the viewport
wait for the end of the transition on the
parent before set opacity to 0 and translate to 40px/-40px */
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
transition: opacity 0s 0.5s, transform 0s 0.5s;
}
.cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
.cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
/* this is the selected slide - different animation if it's entering from left or right */
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
}
.cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
.cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
/* this is the selected slide - different animation if it's entering from left or right */
-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
}
.cd-hero-slider .cd-full-width h2,
.cd-hero-slider .cd-full-width p,
.cd-hero-slider .cd-full-width .cd-btn {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
.cd-hero-slider .move-left .cd-full-width h2,
.cd-hero-slider .move-left .cd-full-width p,
.cd-hero-slider .move-left .cd-full-width .cd-btn {
opacity: 0;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
.cd-hero-slider .selected .cd-full-width h2,
.cd-hero-slider .selected .cd-full-width p,
.cd-hero-slider .selected .cd-full-width .cd-btn {
/* this is the visible slide */
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-hero-slider li.is-moving .cd-full-width h2,
.cd-hero-slider li.is-moving .cd-full-width p,
.cd-hero-slider li.is-moving .cd-full-width .cd-btn {
/* this is the slide moving outside the viewport
wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
transition: opacity 0s 0.5s, transform 0s 0.5s;
}
.cd-hero-slider li.selected h2 {
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
}
.cd-hero-slider li.selected p {
-webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
-moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
}
.cd-hero-slider li.selected .cd-btn {
-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
}
}
/* --------------------------------
Javascript disabled
-------------------------------- */
.no-js .cd-hero-slider li {
display: none;
}
.no-js .cd-hero-slider li.selected {
display: block;
}
.no-js .cd-slider-nav {
display: none;
}
#page-sub-nav-top {
padding-right: 10%;
text-align: right;
white-space: nowrap;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1038;
width: auto;
background: #666;
font-size: .9em;
line-height: 1.3em;
color: #eee;
font-weight: 800;
}
#page-sub-nav-top li {
display: inline-block;
}
#page-sub-nav-top a,#page-sub-nav-top li>span[class^="icon-"] {
vertical-align: middle;
position: relative;
display: block;
color: #fff;
font-weight: 600;
background-position: center -.5em;
padding-top: 5px;
padding-bottom: 5px;
}
#page-sub-nav-top a.conversion-link,#page-sub-nav-top li>span[class^="icon-"].conversion-link {
color: #b01117;
}
#page-sub-nav-top a:hover,#page-sub-nav-top li>span[class^="icon-"]:hover {
color: #fff;
}
#page-sub-nav-top>ul {
font-size: .785714286em;
}
#page-sub-nav-top>ul>li>a,#page-sub-nav-top>ul>li>span[class^="icon-"] {
padding-left: 1em;
padding-right: 1em;
}
#page-sub-nav-top>ul>li>a:after,#page-sub-nav-top>ul>li>span[class^="icon-"]:after {
margin-top: auto;
margin-bottom: auto;
content: '';
display: block;
position: absolute;
height: 1em;
right: 0;
top: 0;
bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
#page-sub-nav-top>ul>li:last-child a:after {
display: none;
}
#page-sub-nav-top .tel {
margin-right: 2.5em;
}
#page-sub-nav-top a.icon-burgundy-current {
color: #b01117;
}
#page-sub-nav-top .conversion-link-set {
position: absolute;
right: 0;
top: 0;
}
#page-sub-nav-top .conversion-link-set li {
float: left;
position: relative;
}
#page-sub-nav-top .conversion-link-set a {
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
}
#page-sub-nav-top .conversion-link-set a:hover {
background-color: #202020;
}
#page-sub-nav-top .conversion-link-set a.icon-white-directions {
-webkit-background-size: 55%;
background-size: 55%;
}
#page-sub-nav-top .conversion-link-set a,#page-sub-nav-top .conversion-link-set li>span[class^="icon-"] {
width: 3.636363636em;
height: 3.636363636em;
background-color: #b01117;
border-left: 1px solid #fff;
background-position: center;
-webkit-background-size: 40%;
background-size: 40%;
}
@media only screen and (max-width: 1169px) {
#page-sub-nav-top {
display: none;
}
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #c60523 url(../img/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
z-index: 9999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 40px;
width: 40px;
right: 30px;
bottom: 30px;
}
}
#google-container {
position: relative;
margin-top: 50px;
width: 100%;
height: 200px;
background-color: #ffffff;
border-top: 1px solid #333;
}
@media only screen and (min-width: 768px) {
#google-container {
height: 300px;
}
}
@media only screen and (min-width: 1170px) {
#google-container {
height: 600px;
}
}
#cd-google-map {
position: relative;
}
#cd-google-map address {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 1em 1em;
background-color: #c60523;
color: white;
font-size: .9em;
text-align: center;
font-weight: 700;
}
#cd-google-map a{
color: #fff;
opacity: .7;
}
@media only screen and (min-width: 768px) {
#cd-google-map address {
font-size: 1em;
text-align: center;
font-weight: 700;
}
}
#cd-zoom-in, #cd-zoom-out {
height: 32px;
width: 32px;
cursor: pointer;
margin-left: 10px;
background-color: rgba(211, 104, 104, 0.9);
background-repeat: no-repeat;
background-size: 32px 64px;
background-image: url("../img/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
background-color: #d36868;
}
@media only screen and (min-width: 768px) {
#cd-zoom-in, #cd-zoom-out {
margin-left: 50px;
}
}
#cd-zoom-in {
background-position: 50% 0;
margin-top: 10px;
margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
#cd-zoom-in {
margin-top: 50px;
}
}
#cd-zoom-out {
background-position: 50% -32px;
}
.cd-items {
padding: 1em 0;
}
@media only screen and (min-width: 768px) {
.cd-items {
padding: 2em 0 0;
}
}
@media only screen and (min-width: 1024px) {
.cd-items {
padding: 4em 0 0;
}
}
.cd-item {
position: relative;
margin: 0 0 1em;
}
.cd-item > img {
display: block;
width: 100%;
max-height: 200px;
}
.cd-quick-view{
position:relative;
z-index:9999
}
@media only screen and (min-width: 768px) {
.cd-item {
width: 48%;
float: left;
margin: 0 4% 2em 0;
}
.cd-item:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.cd-item {
width: 22%;
float: left;
margin: 0 4% 2.8em 0;
}
.cd-item:nth-child(2n) {
margin-right: 4%;
}
.cd-item:nth-child(4n) {
margin-right: 0;
}
.cd-item.empty-box::after {
/* box visible as placeholder when the .cd-quick-view zooms in */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #392c3f;
}
}
.cd-trigger {
position: absolute;
height: 50px;
line-height: 50px;
width: 100%;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ffffff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s, background-color 0.2s;
-moz-transition: opacity 0.2s, background-color 0.2s;
transition: opacity 0.2s, background-color 0.2s;
}
.no-touch .cd-trigger:hover {
background: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1024px) {
.cd-trigger {
/* always visible on small devices */
visibility: visible;
opacity: 1;
}
}
@media only screen and (min-width: 1170px) {
.cd-trigger {
/* only visible on hover on big devices */
opacity: 0;
}
}
@media only screen and (min-width: 1170px) {
.no-touch .cd-item:hover .cd-trigger {
opacity: 1;
}
.touch .cd-item .cd-trigger {
opacity: 1;
}
}
.cd-quick-view {
/* quick view non available on small devices */
display: none;
}
@media only screen and (min-width: 1024px) {
.cd-quick-view {
display: block;
position: fixed;
max-width: 900px;
visibility: hidden;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: left, top, width;
z-index:9999;
}
.cd-quick-view:after {
content: "";
display: table;
clear: both;
}
.cd-quick-view.is-visible {
/* class added when user clicks on .cd-trigger */
visibility: visible;
}
.cd-quick-view.animate-width {
/* class added at the end of the first zoom-in animation */
background-color: #ffffff;
-webkit-transition: box-shadow 0.3s;
-moz-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
}
.cd-slider-wrapper {
position: relative;
display: inline-block;
float: left;
}
.cd-slider-wrapper:after {
content: "";
display: table;
clear: both;
}
.cd-slider {
float: left;
}
.cd-slider li {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.cd-slider li img {
display: block;
width: 100%;
max-width: 550px;
}
.cd-slider li.selected {
position: relative;
z-index: 3;
}
.add-content .cd-slider {
margin-right: 3em;
}
.cd-slider-navigation {
opacity: 0;
}
.add-content .cd-slider-navigation {
opacity: 1;
}
.cd-slider-navigation li {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
}
.cd-slider-navigation li:first-child {
left: 0;
}
.cd-slider-navigation li:last-child {
/* equal to the .cd-slider-wrapper margin-right */
right: 3em;
}
.cd-slider-navigation li a {
display: block;
width: 40px;
height: 50px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
opacity: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.2s, background 0.2s;
-moz-transition: opacity 0.2s, background 0.2s;
transition: opacity 0.2s, background 0.2s;
}
.cd-slider-navigation li a::before, .cd-slider-navigation li a::after {
/* create arrows in CSS */
position: absolute;
top: 18px;
left: 14px;
display: inline-block;
background: #ffffff;
height: 3px;
width: 12px;
}
.cd-slider-navigation li a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-slider-navigation li a::after {
-webkit-transform: translateY(7px) rotate(-45deg);
-moz-transform: translateY(7px) rotate(-45deg);
-ms-transform: translateY(7px) rotate(-45deg);
-o-transform: translateY(7px) rotate(-45deg);
transform: translateY(7px) rotate(-45deg);
}
.add-content .cd-slider-navigation li a {
opacity: .2;
}
.no-touch .cd-slider-navigation li a:hover {
background: rgba(71, 55, 78, 0.8);
opacity: 1;
}
.touch .cd-slider-navigation li a {
opacity: 1;
}
.cd-slider-navigation li:first-child a::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-slider-navigation li:first-child a::after {
-webkit-transform: translateY(7px) rotate(45deg);
-moz-transform: translateY(7px) rotate(45deg);
-ms-transform: translateY(7px) rotate(45deg);
-o-transform: translateY(7px) rotate(45deg);
transform: translateY(7px) rotate(45deg);
}
.cd-item-info {
position: absolute;
padding: 3em 3em 3em 0;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s, visibility 0s;
-moz-transition: opacity .3s, visibility 0s;
transition: opacity .3s, visibility 0s;
}
.cd-item-info h2 {
font-size: 28px;
font-size: 1.75rem;
}
.cd-item-info p {
line-height: 1.6;
margin: 1em 0;
color: #67919c;
}
.cd-item-info .cd-item-action li {
display: inline-block;
margin-right: 1em;
}
.cd-item-info .cd-item-action li:first-child {
margin-left: -4px;
}
.cd-item-info .add-to-cart {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border-radius: 0.25em;
border: none;
padding: .6em 1.2em;
background-color: #f82f53;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "PT Sans", sans-serif;
font-size: 16px;
font-size: 1rem;
cursor: pointer;
}
.add-content .cd-item-info {
/* class added at the end of the width animation, used to show the content */
position: relative;
visibility: visible;
opacity: 1;
}
.add-content .cd-item-info h2 {
-webkit-animation: cd-slide-in 0.3s;
-moz-animation: cd-slide-in 0.3s;
animation: cd-slide-in 0.3s;
}
.add-content .cd-item-info p {
-webkit-animation: cd-slide-in 0.4s;
-moz-animation: cd-slide-in 0.4s;
animation: cd-slide-in 0.4s;
}
.add-content .cd-item-info .cd-item-action {
-webkit-animation: cd-slide-in 0.5s;
-moz-animation: cd-slide-in 0.5s;
animation: cd-slide-in 0.5s;
}
@-webkit-keyframes cd-slide-in {
0% {
-webkit-transform: translate3d(-40px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes cd-slide-in {
0% {
-moz-transform: translate3d(-40px, 0, 0);
}
100% {
-moz-transform: translate3d(0, 0, 0);
}
}
@keyframes cd-slide-in {
0% {
-webkit-transform: translate3d(-40px, 0, 0);
-moz-transform: translate3d(-40px, 0, 0);
-ms-transform: translate3d(-40px, 0, 0);
-o-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.cd-close {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
width: 30px;
height: 30px;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
-moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
transition: transform .3s 0s, visibility 0s .3s;
z-index:9999;
}
.cd-close::before, .cd-close::after {
/* close icon in css */
position: absolute;
top: 12px;
left: 5px;
display: inline-block;
height: 4px;
width: 20px;
background: #47374e;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-close::after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.no-touch .cd-close:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.add-content .cd-close {
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
-moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
transition: transform .3s 0s, visibility 0s 0s;
}
.quick-view-content{
display:none
}
#cd-quick-view-coverlay{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background:#000;
background:rgba(0,0,0,0.6);
z-index:999;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
opacity:0;
display:none;
}
#cd-quick-view-coverlay.overlay_active{
display:block;
opacity:1;
}
.level {
position: absolute;
right: 10px;
bottom: 10px;
font-size: 12px;
}
#site-footer {
color: #adacac;
font-size: .866666667em;
line-height: 1.423076923;
margin-top: 50px;
padding-top: 9em;
padding-bottom: 1em;
position: relative;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
#site-footer .logo {
max-width: 12em;
margin: 0 auto;
display: block;
text-align: center;
}
#site-footer .icon-energy-star {
padding-top: 2.538461538em;
background-position: center right;
-webkit-background-size: auto 100%;
background-size: auto 100%;
}
@media screen and (max-width: 48em) {
#site-footer .icon-energy-star {
background: none;
padding-left: .769230769em;
color: #adacac;
}
}
#site-footer a {
padding-top: .25em;
padding-bottom: .25em;
-webkit-transition: color .2s;
transition: color .2s;
color: #727272;
text-decoration: none;
display: block;
}
#site-footer>* {
margin-left: auto;
margin-right: auto;
width: 93.75%;
max-width: 95em;
}
@media screen and (max-width: 48em) {
#site-footer>* {
width: 87.5%;
}
}
#site-footer ul {
list-style: none;
}
#site-footer ul ul {
margin: 0;
padding: 0;
list-style: none;
}
#site-footer ul ul>li {
margin: 0;
padding: 0;
font-size: 1.1em;
font-weight: 400;
}
#site-footer ul+h4,#site-footer ul+h5,#site-footer ul+h6 {
margin-top: 1.5em;
}
#site-footer>ul {
margin-top: 1.866666667em;
margin-bottom: 1.866666667em;
padding: 0;
overflow: hidden;
}
@media screen and (max-width: 64em) {
#site-footer>ul {
margin-top: 0;
}
}
#site-footer h1,#site-footer h2,#site-footer h3,#site-footer h4,#site-footer h5,#site-footer h6 {
font-size: 1.2em;
font-family: inherit;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0;
}
#site-footer h3 {
color: #fff;
}
#site-footer h4>span {
display: none;
}
#site-footer h4,#site-footer h5,#site-footer h6 {
margin: 0 0 .384615385em;
line-height: 1.384615385;
}
#site-footer h4 a,#site-footer h5 a,#site-footer h6 a {
padding-top: 0;
color: #adacac;
}
#site-footer hr {
border-bottom: 1px solid #5b5b5b;
height: 0;
border-top: none;
}
@media screen and (max-width: 48em) {
#site-footer hr:last-of-type {
display: none;
}
}
#site-footer a:hover {
color: #fff;
}
@media screen and (max-width: 64em) {
#site-footer .logo-mark {
display: none;
}
}
#footer-community-list {
position: relative;
}
#footer-community-list:before {
width: 100%;
height: 100%;
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
background-color: transparent;
background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAHJycgAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNTc3MTM4QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNTc3MTM5QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODIwQUQ3RkZCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODIwQUQ4MDBCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=),url(data:image/gif;base64,R0lGODlhAQABAIAAAHJycgAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNTc3MTM4QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNTc3MTM5QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODIwQUQ3RkZCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODIwQUQ4MDBCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=),url(data:image/gif;base64,R0lGODlhAQABAIAAAHJycgAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNTc3MTM4QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNTc3MTM5QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODIwQUQ3RkZCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODIwQUQ4MDBCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=),url(data:image/gif;base64,R0lGODlhAQABAIAAAHJycgAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNTc3MTM4QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNTc3MTM5QjEyMzExRTNBNDUwODI3MkM0OUQ3OTk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODIwQUQ3RkZCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODIwQUQ4MDBCMTIyMTFFM0E0NTA4MjcyQzQ5RDc5OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=);
background-repeat: repeat-y;
-webkit-background-size: 1px 100%;
background-size: 1px 100%;
background-position: 34% 0,56% 0,78% 0;
display: block;
}
#footer-community-list .community-region {
padding-left: 2.6em;
padding-right: 2.6em;
width: 22%;
float: left;
position: relative;
z-index: 1;
}
#footer-community-list .community-region:first-child {
padding-left: 0;
}
#footer-community-list .community-region:last-child {
padding-right: 0;
}
#footer-community-list .region-maryland {
width: 34%;
}
#footer-community-list .region-maryland ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 1.5em;
-moz-column-gap: 1.5em;
column-gap: 1.5em;
}
.no-csscolumns #footer-community-list .region-maryland ul li {
float: left;
width: 50%;
}
@media screen and (max-width: 64em) {
#footer-community-list:before {
background-image: inherit,inherit,none;
background-position: 33.333% 0,66.66% 0;
}
#footer-community-list .community-region {
width: 33.3332%;
display: inline-block;
margin-top: 1.5em;
}
#footer-community-list .community-region:nth-child(3) {
float: right;
}
#footer-community-list .region-maryland {
background: #2e2d2d;
width: 33.3332%;
border-right: 1px solid transparent;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#footer-community-list .region-maryland ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
padding-bottom: 2em;
}
}
@media screen and (max-width: 48em) {
#footer-community-list:before {
background-image: none;
}
#footer-community-list .community-region {
margin-top: 0;
width: 100%;
float: none;
display: block;
padding: 0;
}
#footer-community-list .community-region ul {
padding-left: .75em;
padding-right: .75em;
max-height: 0;
overflow: hidden;
line-height: 1.5;
font-size: 1.25em;
}
#footer-community-list .community-region ul.open {
max-height: none;
}
#footer-community-list .community-region h3,#footer-community-list .community-region h4,#footer-community-list .community-region h5,#footer-community-list .community-region h6 {
line-height: 3.769230769;
margin: 0;
}
#footer-community-list .community-region h3 a,#footer-community-list .community-region h4 a,#footer-community-list .community-region h5 a,#footer-community-list .community-region h6 a {
border-bottom: 1px solid #5b5b5b;
padding-left: .769230769em;
padding-right: 3em;
padding-bottom: 0;
}
#footer-community-list .community-region h4 {
position: relative;
}
#footer-community-list .community-region h4>span {
position: absolute;
right: 0;
top: 0;
height: 100%;
background-position: center;
width: 2.307692308em;
display: block;
z-index: -1;
}
#footer-community-list .community-region h4.open>span {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#footer-community-list .community-region:nth-child(3) {
margin-top: 0;
float: none;
}
#footer-community-list .region-maryland {
background: transparent;
border-right: none;
width: 100%;
}
#footer-community-list .region-maryland ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
padding: 0;
}
}
#footer-navigation .navigation-category {
float: left;
width: 18.66666666%;
padding-right: 2em;
}
@media screen and (max-width: 48em) {
#footer-navigation .navigation-category {
display: none;
text-align: center;
padding-right: 0;
}
#footer-navigation .navigation-category:nth-last-child(-n+3) {
display: block;
width: 100%;
}
#footer-navigation .navigation-category.share {
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-right: 0;
}
#footer-navigation .navigation-category.share h4 {
display: none;
}
#footer-navigation .navigation-category.share ul {
display: table;
margin: 0 auto;
}
#footer-navigation .navigation-category.share li {
display: table-cell;
}
#footer-navigation .navigation-category.share a {
margin: 1.5em;
}
#footer-navigation .navigation-category.gtd {
display: table;
}
#footer-navigation .navigation-category.gtd h4 {
display: table-cell;
width: 33%;
}
}
#footer-navigation .share {
padding-right: 5em;
}
#footer-navigation .share ul {
margin-top: .75em;
}
@media screen and (min-width: 80em) {
#footer-navigation .share ul {
display: table;
}
#footer-navigation .share li {
display: table-cell;
float: left;
}
}
#footer-navigation .share a {
width: 1.538461538em;
height: 1.538461538em;
-webkit-transition: opacity .2s;
transition: opacity .2s;
float: left;
margin-right: 1em;
margin-bottom: .75em;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
opacity: .4;
}
#footer-navigation .share a.icon-white-youtube {
width: 2em;
}
#footer-navigation .share a.icon-white-twitter {
width: 1.9em;
}
#footer-navigation .share a:hover {
opacity: 1;
}
@media screen and (max-width: 64em) {
#footer-navigation .share {
padding-right: 0;
}
}
#footer-navigation .footer-navigation-the-end {
padding-top: 2em;
padding-bottom: .5em;
width: 100%;
display: table;
clear: both;
font-size: 10px;
}
#footer-navigation .footer-navigation-the-end .copyright,#footer-navigation .footer-navigation-the-end ul,#footer-navigation .footer-navigation-the-end .social {
display: table-cell;
}
#footer-navigation .footer-navigation-the-end .social iframe {
float: left;
margin-right: .769230769em;
}
#footer-navigation .footer-navigation-the-end ul {
margin-left: 1em;
margin-right: 1em;
}
#footer-navigation .footer-navigation-the-end li {
display: table-cell;
white-space: nowrap;
line-height: 1;
}
#footer-navigation .footer-navigation-the-end li:last-child a {
border: none;
}
#footer-navigation .footer-navigation-the-end a {
padding: 0 .615384615em;
display: block;
border-right: 1px solid #5b5b5b;
}
@media screen and (max-width: 48em) {
#footer-navigation .footer-navigation-the-end {
text-align: center;
display: block;
padding-top: 0;
}
#footer-navigation .footer-navigation-the-end .br {
display: block;
}
#footer-navigation .footer-navigation-the-end .copyright {
white-space: nowrap;
}
#footer-navigation .footer-navigation-the-end .copyright,#footer-navigation .footer-navigation-the-end ul {
margin: 0 auto;
display: table;
line-height: 1.923076923;
}
#footer-navigation .footer-navigation-the-end li {
display: inline-block;
float: none;
}
}
#footer-navigation .icon-gray-eho {
padding-left: 2em;
background-position: center left;
}
@media screen and (max-width: 48em) {
#footer-navigation .icon-gray-eho {
background-position: top left;
}
}
@media only screen and (max-width: 800px) {
#unseen table td:nth-child(2),
#unseen table th:nth-child(2) {display: none;}
}
@media only screen and (max-width: 420px) {
#unseen table td:nth-child(4),
#unseen table th:nth-child(4),
#unseen table td:nth-child(7),
#unseen table th:nth-child(7),
#unseen table td:nth-child(8),
#unseen table th:nth-child(8),
#unseen table td:nth-child(9),
#unseen table th:nth-child(9)
{display: none;}
#unseen table td:first-child {
max-width: 180px;
border-right: 1px solid #e0e0e0;
}
#unseen table td:nth-child(8) {
max-width: 60px;
}
#unseen table th:nth-child(8) {
max-width: 60px;
}
#unseen table td:nth-child(11) {
max-width: 50px;
}
#unseen table th:nth-child(11) {
max-width: 50px;
}
}
@media only screen and (max-width: 320px) {
#unseen table td:nth-child(6),
#unseen table th:nth-child(6),
#unseen table td:nth-child(7),
#unseen table th:nth-child(7),
#unseen table td:nth-child(8),
#unseen table th:nth-child(8),
#unseen table td:nth-child(9),
#unseen table th:nth-child(9)
{display: none;}
#unseen table td:first-child {
max-width: 180px;
border-right: 1px solid #e0e0e0;
}
#unseen table td:nth-child(8) {
max-width: 60px;
}
#unseen table th:nth-child(8) {
max-width: 60px;
}
#unseen table td:nth-child(11) {
max-width: 50px;
}
#unseen table th:nth-child(11) {
max-width: 50px;
}
}
@media only screen and (max-width: 800px) {
#unseen-quick table td:nth-child(2),
#unseen-quick table th:nth-child(2) {display: none;}
}
@media only screen and (max-width: 640px) {
#unseen-quick table td:nth-child(2),
#unseen-quick table th:nth-child(2),
#unseen-quick table td:nth-child(3),
#unseen-quick table th:nth-child(3),
#unseen-quick table td:nth-child(4),
#unseen-quick table th:nth-child(4),
#unseen-quick table td:nth-child(5),
#unseen-quick table th:nth-child(5),
#unseen-quick table td:nth-child(7),
#unseen-quick table th:nth-child(7),
#unseen-quick table td:nth-child(6),
#unseen-quick table th:nth-child(6),
#unseen-quick table td:nth-child(8),
#unseen-quick table th:nth-child(8),
#unseen-quick table td:nth-child(11),
#unseen-quick table th:nth-child(11),
#unseen-quick table td:nth-child(13),
#unseen-quick table th:nth-child(13),
#unseen-quick table td:nth-child(8),
#unseen-quick table th:nth-child(8){display: none;}
#unseen-quick table td:first-child {
max-width: 210px;
border-right: 1px solid #e0e0e0;
}
#unseen-quick table td:nth-child(8) {
max-width: 60px;
}
#unseen-quick table th:nth-child(8) {
max-width: 60px;
}
#unseen-quick table td:nth-child(11) {
max-width: 50px;
}
#unseen-quick table th:nth-child(11) {
max-width: 50px;
}
}
@media only screen and (max-width: 640px) {
#unseen-realtor table td:nth-child(3),
#unseen-realtor table th:nth-child(3),
#unseen-realtor table td:nth-child(7),
#unseen-realtor table th:nth-child(7),
#unseen-realtor table td:nth-child(6),
#unseen-realtor table th:nth-child(6),
#unseen-realtor table td:nth-child(8),
#unseen-realtor table th:nth-child(8),
#unseen-realtor table td:nth-child(11),
#unseen-realtor table th:nth-child(11),
#unseen-realtor table td:nth-child(13),
#unseen-realtor table th:nth-child(13),
#unseen-realtor table td:nth-child(8),
#unseen-realtor table th:nth-child(8){display: none;}
#unseen-realtor table td:first-child {
max-width: 210px;
border-right: 1px solid #e0e0e0;
}
#unseen-realtor table td:nth-child(8) {
max-width: 60px;
}
#unseen-realtor table th:nth-child(8) {
max-width: 60px;
}
#unseen-realtor table td:nth-child(11) {
max-width: 50px;
}
#unseen-realtor table th:nth-child(11) {
max-width: 50px;
}
}
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 1040px;
margin-left: auto;
margin-right: auto;
margin-bottom: 18px;
}
.table th,.table td {
padding: 8px;
line-height: 18px;
font-size: 14px;
text-align: center;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table th {
font-weight: 700;
}
.table thead th {
vertical-align: bottom;
}
.table thead:first-child tr th,.table thead:first-child tr td {
border-top: 0;
}
.table tbody+tbody {
border-top: 2px solid #ddd;
}
.table-condensed th,.table-condensed td {
padding: 4px 5px;
}
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th {
border-left: 1px solid #ddd;
}
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0;
border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-radius: 0 4px 0 0;
-moz-border-radius: 0 4px 0 0;
border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child {
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px;
border-radius: 0 0 4px 0;
}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
background-color: #f9f9f9;
}
/*.table tbody tr:hover td,.table tbody tr:hover th {
background-color: #f5f5f5;*/
}
table .span1 {
float: none;
width: 44px;
margin-left: 0;
}
table .span2 {
float: none;
width: 124px;
margin-left: 0;
}
table .span3 {
float: none;
width: 204px;
margin-left: 0;
}
table .span4 {
float: none;
width: 284px;
margin-left: 0;
}
table .span5 {
float: none;
width: 364px;
margin-left: 0;
}
table .span6 {
float: none;
width: 444px;
margin-left: 0;
}
table .span7 {
float: none;
width: 524px;
margin-left: 0;
}
table .span8 {
float: none;
width: 604px;
margin-left: 0;
}
table .span9 {
float: none;
width: 684px;
margin-left: 0;
}
table .span10 {
float: none;
width: 764px;
margin-left: 0;
}
table .span11 {
float: none;
width: 844px;
margin-left: 0;
}
table .span12 {
float: none;
width: 924px;
margin-left: 0;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('fonts/glyphicons-halflings-regular.eot');
src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
@media only screen and (max-width: 321px) {
.glyphicon-search:before {
content: "\e003";
font-size: .8em;
opacity: 1;
}
}
@media only screen and (min-width: 330px) {
.glyphicon-search:before {
content: "\e003";
font-size: 1em;
opacity: 1;
}
}
@media only screen and (min-width: 768px) {
.glyphicon-search:before {
content: "\e003";
font-size: 1.2em;
opacity: 1;
}
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
@media only screen and (max-width: 321px) {
.glyphicon-file:before {
content: "\e022";
font-size: .8em;
opacity: 1;
}
}
@media only screen and (min-width: 330px) {
.glyphicon-file:before {
content: "\e022";
font-size: 1em;
opacity: 1;
}
}
@media only screen and (min-width: 768px) {
.glyphicon-file:before {
content: "\e022";
font-size: 1.2em;
opacity: 1;
}
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
@media only screen and (max-width: 321px) {
.glyphicon-list-alt:before {
content: "\e032";
font-size: .8em;
opacity: 1;
}
}
@media only screen and (min-width: 330px) {
.glyphicon-list-alt:before {
content: "\e032";
font-size: 1em;
opacity: 1;
}
}
@media only screen and (min-width: 768px) {
.glyphicon-list-alt:before {
content: "\e032";
font-size: 1.2em;
opacity: 1;
}
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.well {
min-height:20px;
padding: 9px 19px 6px 19px;
margin:20px auto 0px auto;
font-size: .7em;
text-align: right;
max-width: 1040px;
}
.well blockquote {
border-color:#ddd;
border-color:rgba(0,0,0,.15)
}
.well-lg {
padding:24px;
border-radius:6px
}
.well-sm {
padding:0px;
border-radius:3px
}
.centertds td {
padding: 15px;
}
.centertds img {
width: 300px;
max-height: 208px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
margin: 40px 10px 10px;
}
.centertds span {
font-size: 1.1em;
display: block;
text-align: center;
padding-bottom: 25px;
margin: 0 10px;
}
.centertds h3 {
font-size: 1.8em;
padding-top: 10px;
}
.centertdsCONSULTANTS {
padding: 15px;
text-align: center;
}
.centertdsCONSULTANTS img {
margin: 10px 10px 0px 10px;
}
.centertdsCONSULTANTS a {
font-size: 1.1em;
display: block;
text-align: center;
padding-bottom: 5px;
margin: 0 10px;
}
.centertdsCONSULTANTS span a{
color: #666;
margin-top: 5px;
}
.centertdsCONSULTANTS h3 {
color: #333;
font-size: 1.7em;
font-weight: 300;
padding-top: 0;
padding-bottom: 5px;
letter-spacing: -1px;
}
.centertdsCONSULTANTS h4 {
color: #333;
font-size: 1.2em;
font-weight: 300;
padding-top: 0;
padding-bottom: 5px;
letter-spacing: -1px;
}
/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
/* reset the text-align */
text-align:left;
/* inline-block space fix */
margin-right:-4px;
}
.col-fixed {
/* custom width */
width:320px;
}
.col-min {
/* custom min width */
min-width:320px;
}
.col-max {
/* custom max width */
max-width:320px;
}
@media only screen and (max-width: 700px) {
.pageheaderimage {
width: 100%;
height: 260px;
margin-bottom: -50px;
}
.pageheaderimageSM {
width: 100%;
height: 260px;
margin-bottom: -50px;
}
.topofpagebump {
height: 80px;
}
.centersubmenu {
display:none;
}
.offerbanner, .qmibanner {
display:none;
}
}
.qmibanner {
margin-left: auto;
margin-right: 10px;
width: 440px;
float: right;
color: #fff;
}
.qmibanner h2 {
font-size: 1.2em;
line-height: 1.1em;
color: #fff;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 220px;
}
.qmibanner h3 {
font-size: 1.2em;
line-height: 1.4em;
color: #999;
}
.qmibanner h4 {
font-size: 1em;
line-height: 1em;
color: #fff;
margin: 5px 0;
}
.qmiinfo {
font-size: 1em;
line-height: 1em;
margin: 7px 0;
color: #b91e1e;
}
.qmibanner h5 {
font-size: .9em;
line-height: 1em;
margin: 10px 0;
color: #b91e1e;
}
.qmibanner img {
width: 210px;
border: 2px solid #fff;
float: left;
}
.qmibanner span {
float: left;
width: 130px;
padding-left: 10px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.pageheaderimage {
width: 100%;
height: 450px;
margin-bottom: -80px;
}
.pageheaderimageSM {
width: 100%;
height: 200px;
margin-bottom: -80px;
}
.pageheaderimageMED {
width: 100%;
height: 350px;
margin-bottom: -80px;
}
.topofpagebump {
height: 100px;
}
.centersubmenu {
width: 100px;
float:right;
clear:both;
}
}
.feature-box {
margin-top: 15px;
margin-bottom: 15px;
font-weight: 200;
}
.feature-box-heading i {
color: #b7d54e;
width: 40px;
height: 40px;
display: inline-block;
border-radius: 50px;
border: 1px solid #b7d54e;
line-height: 40px;
}
.feature-box-heading h5 {
background: #fff;
display: block;
color: #900;
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
border-left: none;
border-right: none;
font-size: 1.1em;
letter-spacing: 0;
text-align: center;
}
.feature-box-heading img {
width: 100%;
border: 6px solid #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
margin-bottom: 10px;
}
.feature-box-heading h3 {
font-size: 1.8em;
padding-top: 10px;
text-align: center;
}
.feature-box span {
font-size: 1.1em;
display: block;
text-align: center;
padding-bottom: 25px;
margin: 0 10px;
}
.fromthe {
background: #fff;
display: block;
color: #666;
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
border-left: none;
border-right: none;
font-size: 1.1em;
}
.fromthe a {
color: #900;
}
.fromtheCAPS {
background: #fff;
color: #666;
border: 1px solid #ccc;
margin: 10px;
padding: 10px 15px;
border-left: none;
border-right: none;
font-size: .8em;
display: inline-block;
text-transform: uppercase;
font-weight: 400;
line-height: 1.5em;
min-width: 90%;
letter-spacing: 0;
}
.fromtheCAPS>* {
vertical-align: middle;
}
.fromtheCAPS a {
color: #900;
}
.collection-box-heading img {
max-height: 208px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
margin-bottom: 10px;
margin-top: 10px;
}
#commonbodylinkdiv a {
clear: both;
display: block;
font-size: 26px;
padding: 0 5px 5px 5px;
background-size: contain;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0 linear;
-moz-transform: rotate(0deg);
text-align: center;
width: 300px;
margin-top: 15px;
}
#commonbodylinkdiv a:hover {
background-size: contain;
color: #333;
}
#commonbodylinkdivWHITE a {
clear: both;
display: inline-block;
font-size: 1.2em;
padding: 0 5px 5px 35px;
background-size: contain;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0 linear;
-moz-transform: rotate(0deg);
text-align: left;
margin-top: 15px;
color: #fff;
}
@media only screen and (max-width: 320px) {
#commonbodylinkdiv a {
clear: both;
display: block;
font-size: 1em;
padding: 0 0px 5px 0px;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0 linear;
-moz-transform: rotate(0deg);
text-align: center;
max-width: 310px;
margin-top: 15px;
}
#commonbodylinkdiv a:hover {
background: url(../img/icons/linkarrowGREY.png) no-repeat left center;
background-size: contain;
color: #333;
}
#commonbodylinkdivWHITE a {
clear: both;
display: inline-block;
font-size: 1.2em;
padding: 0 5px 5px 35px;
background: url(../img/icons/linkarrowWHITE.png) no-repeat left center;
background-size: contain;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0 linear;
-moz-transform: rotate(0deg);
text-align: center;
margin-top: 15px;
color: #fff;
}
#commonbodylinkdivWHITE a:hover {
background: url(../img/icons/linkarrow999.png) no-repeat left center;
background-size: contain;
color: #999;
}}
#commonbodylinkdivWHITE a:hover {
background: url(../img/icons/linkarrow999.png) no-repeat left center;
background-size: contain;
color: #999;
}
.callouts {
color: #595858;
font-size: 1em;
line-height: 1;
margin-top: 1.5em;
margin-bottom: 1.5em;
list-style: none;
border: 1px solid #d2d2d2;
border-right: none;
border-left: none;
}
#build-this-home {
font-family: 'Avenir W01',"Avenir 55 Roman","Lucida Grande","Lucida Sans Unicode","Trebuchet MS",sans-serif sans-serif;
min-width: 50%;
text-align: center;
font-style: normal;
padding-bottom: 10px;
}
#build-this-home>* {
vertical-align: middle;
}
#build-this-home b {
font-size: .8em;
display: inline-block;
text-transform: uppercase;
font-weight: 400;
line-height: 1.5em;
}
#build-this-home strong {
font-size: 1em;
display: inline-block;
font-weight: 400;
line-height: 1.2em;
}
.modal-open {
overflow:hidden
}
.modal {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1050;
display:none;
overflow:hidden;
-webkit-overflow-scrolling:touch;
outline:0
}
.modal.fade .modal-dialog {
-webkit-transition:-webkit-transform .3s ease-out;
-o-transition:-o-transform .3s ease-out;
transition:transform .3s ease-out;
-webkit-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0)
}
.modal.in .modal-dialog {
-webkit-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.modal-open .modal {
overflow-x:hidden;
overflow-y:auto
}
.modal-dialog {
position:relative;
width:auto;
margin:10px
}
.modal-content {
position:relative;
background-color:#fff;
-webkit-background-clip:padding-box;
background-clip:padding-box;
border:1px solid #999;
border:1px solid rgba(0,0,0,.2);
border-radius:6px;
outline:0;
-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:#000
}
.modal-backdrop.fade {
filter:alpha(opacity=0);
opacity:0
}
.modal-backdrop.in {
filter:alpha(opacity=50);
opacity:.5
}
.modal-header {
min-height:16.43px;
padding:15px;
border-bottom:1px solid #e5e5e5
}
.modal-header .close {
margin-top:-2px
}
.modal-title {
margin:0;
line-height:1.42857143
}
.modal-body {
position:relative;
padding:15px
}
.modal-footer {
padding:15px;
text-align:right;
border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn {
margin-bottom:0;
margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
margin-left:0
}
.modal-scrollbar-measure {
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll
}
@media (min-width:768px) {
.modal-dialog {
width:600px;
margin:30px auto
}
.modal-content {
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
box-shadow:0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
width:300px
}
}
@media (min-width:992px) {
.modal-lg {
width:900px
}
}
@media (min-width:768px) {
.video-container {
position: relative;
padding-top: 25px;
margin-left:auto;
margin-right: auto;
width: 500px;
text-align: center;
}
.video-container iframe,.video-container object,.video-container embed {
position: relative;
top: 0;
left: 0;
width: 500px;
height: 281px;
/*border: 5px solid #fff;*/
box-shadow: 0 0 10px rgba(0,0,0,.5);
}}
@media (max-width:420px) {
.video-container {
position: relative;
padding-top: 25px;
margin-left:auto;
margin-right: auto;
width: 300px;
text-align: center;
}
.video-container iframe,.video-container object,.video-container embed {
position: relative;
top: 0;
left: 0;
width: 300px;
height: 169px;
/*border: 5px solid #fff;*/
box-shadow: 0 0 10px rgba(0,0,0,.5);
}}
@media screen and (max-width: 767px) {
.polaroids li:nth-child(n+5) {
display: none;
}
}
ul.polaroids li {
display: inline;
margin-bottom: 20px;
}
ul.li.ul.polaroids li {
margin-bottom: 20px;
border-bottom: none;
list-style: circle;
}
ul.polaroids a {
background: #fff;
display: inline;
float: left;
margin: 0 0 27px 30px;
width: auto;
padding: 10px 10px 15px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);
-webkit-transform: rotate(4deg);
-webkit-transition: -webkit-transform .15s linear;
-moz-transform: rotate(4deg);
}
ul.polaroids li {
padding-left: 0;
}
@media screen and (max-width: 768px) {
ul.polaroids li a {
margin-left: 0;
}
}
ul.polaroids a:after {
content: attr(title);
}
ul.polaroids li:nth-child(even) a {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
}
ul.polaroids li:nth-child(3n) a {
-webkit-transform: rotate(-3deg);
position: relative;
top: -5px;
-moz-transform: none;
}
ul.polaroids li:nth-child(5n) a {
-webkit-transform: rotate(5deg);
position: relative;
right: 5px;
-moz-transform: rotate(5deg);
}
ul.polaroids li:nth-child(8n) a {
position: relative;
right: 5px;
top: 8px;
}
ul.polaroids li:nth-child(11n) a {
position: relative;
left: -5px;
top: 3px;
}
ul.polaroids li.messy a {
margin-top: -400px;
position: relative;
left: 160px;
}
ul.polaroids li a:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
position: relative;
z-index: 5;
}
.divbullet {
margin: 10px 20px;
}
.reversed {
background: #2e2d2d;
color: #adacac;
}
.reversed-light {
background: #EEE;
padding-bottom: 50px;
}
.reversed-light hr {
color: #666;
height: 1px;
}
.reversed header {
color: #adacac;
}
.reversed header h2,.reversed header h3,.reversed header h4,.reversed header h5,.reversed header h6 {
color: #d2d2d2;
}
.reversed ul {
margin-top: 45px;
}
.reversed li {
font-size: 1.3em;
}
#tabledisclaimer {
padding: 5px;
font-size: 11px;
text-align: left;
}
@media only screen and (min-width: 770px) {
.qmiinfogrid {
margin-top: 25px;
}
.qmiinfogrid img {
float: left;
border: 3px solid #fff;
width: 500px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
margin-top: 25px;
margin-top: 25px;
}
.qmidetailsgrid {
float: left;
width: auto;
padding: 25px;
}
.qmidetailsgrid h1{
font-size: 18px;
line-height: 1.4em;
font-weight: 300;
}
.qmidetailsgrid h2{
font-size: 14px;
line-height: 5.2em;
font-weight: 300;
}
.qmidetailsgrid strong {
font-size: 1.1em;
line-height: 1.4em;
font-weight: 400;
color: #666;
}
.whatsnewgrid {
float: left;
width: 1060px;
height: 300px;
text-align: left;
margin: 40px 0;
border-bottom: 1px solid #CCC;
}
.whatsnewgridphoto {
float: left;
border: 3px solid #fff;
width: 200px;
height: 250px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
margin: 5px 15px 5px 5px;
}
.whatsnewcopygrid {
float: left;
width: 770px;
height: 200px;
padding: 0px 0px 0px 25px;
}
.whatsnewcopygrid h5 {
font-size: 1.8em;
line-height: 1.2em;
margin-bottom: 10px;
}
.whatsnewcopygrid h6 {
font-size: 1.2em;
line-height: 1.8em;
margin-bottom: 10px;
}
.whatsnewcopygrid h4 {
font-size: 1.2em;
line-height: 1.2em;
}
.whatsnewcopygrid p {
font-size: 1.2em;
line-height: 1.2em;
font-weight: 300;
}
}
@media only screen and (max-width: 768px) {
.qmiinfogrid img {
display: none;
}
.qmidetailsgrid {
float: left;
width: auto;
padding: 25px;
}
.qmidetailsgrid h1{
font-size: 1.2em;
line-height: 1.4em;
font-weight: 300;
}
.qmidetailsgrid h2{
font-size: .8em;
line-height: 5.2em;
font-weight: 300;
}
.qmidetailsgrid strong {
font-size: 1.1em;
line-height: 1.4em;
font-weight: 400;
color: #666;
}
.whatsnewgrid {
float: left;
width: 100%;
text-align: left;
margin-bottom: 40px;
}
.whatsnewgridphoto {
float: left;
border: 3px solid #fff;
width: 100%;
height: 300px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
margin: 5px 5px 15px 5px;
}
.whatsnewcopygrid {
float: left;
width: 100%;
height: auto;
margin-bottom: 50px;
}
.whatsnewcopygrid h5 {
font-size: 1.4em;
line-height: 1.2em;
margin-bottom: 10px;
}
.whatsnewcopygrid h6 {
font-size: 1em;
line-height: 1.8em;
margin-bottom: 10px;
}
.whatsnewcopygrid p {
font-size: 1em;
line-height: 1.2em;
font-weight: 300;
}
}
.cd-gallery {
width: 100%;
}
.cd-gallery::after {
clear: both;
content: "";
display: table;
}
.cd-gallery > li {
overflow: hidden;
position: relative;
background: #ffffff;
}
.cd-gallery > li > a {
display: block;
}
@media only screen and (min-width: 768px) {
.cd-gallery {
}
.cd-gallery > li {
width: 100%;
float: left;
}
.cd-gallery > li:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1048px) {
.cd-gallery {
width: 100%;
}
.cd-gallery > li {
width: 100%;
float: left;
}
.cd-gallery > li {
overflow: hidden;
position: relative;
background: #ffffff;
}
.no-touch .cd-gallery > li:hover .cd-dots li.selected a {
/* Slider dots - change background-color of the selected dot when hover over the its parent list item */
background: #fff;
border-color: #fff;
}
.no-touch .cd-gallery > li:hover .cd-dots a {
/* Slider dots - change dot border-color when hover over the its parent list item */
border-color: #fff;
}
.no-touch .cd-gallery > li:hover li.move-right, .no-touch .cd-gallery > li:hover li.move-left {
/* show preview items when hover over the its parent list item */
opacity: 0.3;
}
}
.cd-item-wrapper {
position: relative;
overflow: hidden;
}
.cd-item-wrapper li {
position: absolute;
top: 25px;
left: 45px;
height: 185px;
width: 312px;
opacity: 0;
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform, opacity;
-webkit-transform: translateX(200%) scale(0.7);
-moz-transform: translateX(200%) scale(0.7);
-ms-transform: translateX(200%) scale(0.7);
-o-transform: translateX(200%) scale(0.7);
transform: translateX(200%) scale(0.7);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.cd-item-wrapper li.selected {
/* selected item */
position: relative;
opacity: 1;
-webkit-transform: translateX(0) scale(1.3);
-moz-transform: translateX(0) scale(1.3);
-ms-transform: translateX(0) scale(1.3);
-o-transform: translateX(0) scale(1.3);
transform: translateX(0) scale(1.3);
}
.cd-item-wrapper li.move-left {
/* item on left - preview visible */
-webkit-transform: translateX(-100%) scale(0.7);
-moz-transform: translateX(-100%) scale(0.7);
-ms-transform: translateX(-100%) scale(0.7);
-o-transform: translateX(-100%) scale(0.7);
transform: translateX(-100%) scale(0.7);
opacity: 0.3;
}
.cd-item-wrapper li.move-right {
/* item on right - preview visible */
-webkit-transform: translateX(100%) scale(0.7);
-moz-transform: translateX(100%) scale(0.7);
-ms-transform: translateX(100%) scale(0.7);
-o-transform: translateX(100%) scale(0.7);
transform: translateX(100%) scale(0.7);
opacity: 0.3;
}
.cd-item-wrapper li.hide-left {
/* items hidden on the left */
-webkit-transform: translateX(-200%) scale(0.7);
-moz-transform: translateX(-200%) scale(0.7);
-ms-transform: translateX(-200%) scale(0.7);
-o-transform: translateX(-200%) scale(0.7);
transform: translateX(-200%) scale(0.7);
}
.cd-item-wrapper li img {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 1048px) {
.cd-item-wrapper li.move-left,
.cd-item-wrapper li.move-right {
/* hide preview items */
opacity: 0;
}
.cd-item-wrapper li.focus-on-left {
/* class added to the .selected and .move-right items when user hovers over the .move-left item (item preview on the left) */
-webkit-transform: translateX(3%) scale(1);
-moz-transform: translateX(3%) scale(1);
-ms-transform: translateX(3%) scale(1);
-o-transform: translateX(3%) scale(1);
transform: translateX(3%) scale(1);
}
.cd-item-wrapper li.focus-on-left.move-right {
-webkit-transform: translateX(103%) scale(0.7);
-moz-transform: translateX(103%) scale(0.7);
-ms-transform: translateX(103%) scale(0.7);
-o-transform: translateX(103%) scale(0.7);
transform: translateX(103%) scale(0.7);
}
.cd-item-wrapper li.focus-on-right {
/* class added to the .selected and .move-left items when user hovers over the .move-right item (item preview on the right) */
-webkit-transform: translateX(-3%) scale(1.25);
-moz-transform: translateX(-3%) scale(1.25);
-ms-transform: translateX(-3%) scale(1.25);
-o-transform: translateX(-3%) scale(1.25);
transform: translateX(-3%) scale(1.25);
}
.cd-item-wrapper li.focus-on-right.move-left {
-webkit-transform: translateX(-103%) scale(0.7);
-moz-transform: translateX(-103%) scale(0.7);
-ms-transform: translateX(-103%) scale(0.7);
-o-transform: translateX(-103%) scale(0.7);
transform: translateX(-103%) scale(0.7);
}
.cd-item-wrapper li.hover {
/* class added to the preview items (.move-left or .move-right) when user hovers over them */
opacity: 1 !important;
}
.cd-item-wrapper li.hover.move-left {
-webkit-transform: translateX(-97%) scale(0.75);
-moz-transform: translateX(-97%) scale(0.75);
-ms-transform: translateX(-97%) scale(0.75);
-o-transform: translateX(-97%) scale(0.75);
transform: translateX(-97%) scale(0.75);
}
.cd-item-wrapper li.hover.move-right {
-webkit-transform: translateX(97%) scale(0.75);
-moz-transform: translateX(97%) scale(0.75);
-ms-transform: translateX(97%) scale(0.75);
-o-transform: translateX(97%) scale(0.75);
transform: translateX(97%) scale(0.75);
}
.cd-item-wrapper li img {
width: 244px;
}
}
.cd-dots {
/* not visible in the html document - created using jQuery */
position: absolute;
bottom: 5px;
right: 5%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
padding: .2em;
}
.cd-dots::after {
clear: both;
content: "";
display: table;
}
.cd-dots li {
display: inline-block;
float: left;
margin: 0 5px;
pointer-events: none;
}
.cd-dots li.selected a {
background: #fff;
border-color: #fff;
}
.cd-dots a {
display: block;
height: 6px;
width: 6px;
border-radius: 50%;
border: 1px solid #fff;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.2s, background-color 0.2s;
-moz-transition: border-color 0.2s, background-color 0.2s;
transition: border-color 0.2s, background-color 0.2s;
}
@media only screen and (min-width: 1048px) {
.cd-dots li {
pointer-events: auto;
}
.cd-dots li.selected a {
background: #cccccc;
border-color: #cccccc;
}
.cd-dots a {
height: 8px;
width: 8px;
border-color: #cccccc;
/* fix a bug in IE9/10 - transparent anchor not clickable */
background-color: rgba(255, 255, 255, 0);
}
}
.no-js .move-right,
.no-js .move-left {
display: none;
}
/* --------------------------------
xcredits
-------------------------------- */
.credits {
width: 90%;
margin: 2em auto;
text-align: center;
}
.no-touch .credits a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 330px) {
.dbdslug {
width:12em;
clear:both;
margin-top:-10px;
}
}
@media only screen and (min-width:350px) and (max-width: 640px) {
.dbdslug {
width:12em;
clear:both;
margin-top:-10px;
}
}
@media only screen and (min-width: 780px) {
.dbdslug {
width:18em;
clear:both;
margin-top:-20px;
}
}
#tipue_search_input
{
font: 15px/1.8 'Lato', sans-serif;
color: #333;
padding: 12px 12px 12px 40px;
width: 170px;
border: 1px solid #e2e2e2;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: none;
outline: 0;
margin: 0;
background: #fff url('../img/search.png') no-repeat 15px 15px;
}
#tipue_search_content
{
padding-top: 15px;
margin: 0;
}
#tipue_search_warning
{
color: #555;
margin: 7px 0;
}
#tipue_search_warning a
{
color: #c60523;
text-decoration: none;
}
#tipue_search_warning a:hover
{
color: #555;
}
#tipue_search_results_count
{
color: #555;
}
.tipue_search_content_title
{
margin-top: 23px;
margin-bottom: 8px;
padding-top: 10px;
font-size: 2em;
color: #666;
font-weight: 200;
letter-spacing: -2px;
text-align: left;
}
}
.tipue_search_content_title a
{
color: #333;
text-decoration: none;
}
.tipue_search_content_title a:hover
{
color: #555;
}
.tipue_search_content_url
{
word-wrap: break-word;
hyphens: auto;
}
.tipue_search_content_url a
{
color: #c60523;
text-decoration: none;
}
.tipue_search_content_url a:hover
{
color: #555;
}
.tipue_search_content_text
{
color: #555;
hyphens: auto;
margin-top: 3px;
font-size: 1.1em;
line-height: 1.2em;
color: #777;
font-weight: 200;
letter-spacing: 0px;
text-align: left;
}
.tipue_search_content_debug
{
color: #555;
margin: 5px 0;
}
.h01
{
color: #333;
font-weight: 400;
}
#tipue_search_foot
{
margin: 51px 0 21px 0;
}
#tipue_search_foot_boxes
{
padding: 0;
margin: 0;
}
#tipue_search_foot_boxes li
{
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
#tipue_search_foot_boxes li a
{
padding: 10px 17px 11px 17px;
background-color: #fff;
border: 1px solid #e2e2e2;
border-radius: 1px;
color: #333;
margin-right: 7px;
text-decoration: none;
text-align: center;
}
#tipue_search_foot_boxes li.current
{
padding: 10px 17px 11px 17px;
background: #f6f6f6;
border: 1px solid #e2e2e2;
border-radius: 1px;
color: #333;
margin-right: 7px;
text-align: center;
}
#tipue_search_foot_boxes li a:hover
{
background: #f6f6f6;
}
/* spinner */
.tipue_search_spinner
{
padding: 31px 0;
width: 50px;
height: 28px;
}
.tipue_search_spinner > div
{
background-color: #777;
height: 100%;
width: 3px;
display: inline-block;
margin-right: 2px;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.tipue_search_spinner .tipue_search_rect2
{
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.tipue_search_spinner .tipue_search_rect3
{
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes stretchdelay
{
0%, 40%, 100%
{
-webkit-transform: scaleY(0.4)
}
20%
{
-webkit-transform: scaleY(1.0)
}
}
@keyframes stretchdelay
{
0%, 40%, 100%
{
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20%
{
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.red {
background: #c60523;
}
/* --------------------------------
xsigin/signup popup
-------------------------------- */
.cd-user-modal {
position: fixed;
top: 5%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 3;
overflow-y: auto;
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s, visibility 0.3s;
-moz-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.cd-user-modal.is-visible {
visibility: visible;
opacity: 1;
}
.cd-user-modal.is-visible .cd-user-modal-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cd-user-modal-container {
position: relative;
width: 90%;
max-width: 600px;
background: #FFF;
margin: 3em auto 4em;
cursor: auto;
border-radius: 0.25em;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher:after {
content: "";
display: table;
clear: both;
}
.cd-user-modal-container .cd-switcher li {
width: 50%;
float: left;
text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
border-radius: .25em 0 0 0;
}
.cd-user-modal-container .cd-switcher li:last-child a {
border-radius: 0 .25em 0 0;
}
.cd-user-modal-container .cd-switcher a {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
background: #d2d8d8;
color: #809191;
}
.cd-user-modal-container .cd-switcher a.selected {
background: #FFF;
color: #505260;
}
@media only screen and (min-width: 600px) {
.cd-user-modal-container {
margin: 4em auto;
}
.cd-user-modal-container .cd-switcher a {
height: 70px;
line-height: 70px;
}
}
@media only screen and (min-width: 780px) {
.leftcolumn {
float: left;
width: 650px;
}
.rightcolumn {
float: left;
width: 330px;
margin: 40px 10px 0px 0px;
color: #444;
}
.rightcolumn h1 {
font-size: 1.6em;
font-weight: 400;
letter-spacing: -1px;
margin: 20px 0px 5px 0;
}
.rightcolumn p {
font-size: 1.2em;
line-height: 1.2em;
font-weight: 300;
letter-spacing: 0px;
margin-right: 55px;
}
.rightcolumn img {
width: 330px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
border: 3px solid #fff;
}
.leftdscolumn {
float: left;
width: 650px;
}
.leftdscolumn h1 {
font-size: 1.8em;
font-weight: 300;
letter-spacing: -1px;
margin: 0px 0px 5px 0;
}
.leftdscolumn p {
font-size: 1.2em;
line-height: 1.2em;
font-weight: 300;
letter-spacing: 0px;
margin-right: 55px;
}
.leftdscolumn ul {
margin: 40px;
line-height: 1.5em;
}
.leftdscolumn li {
list-style: disc;
font-size: 1.2em;
margin-right: 55px;
font-weight: 300;
}
.rightdscolumn {
float: left;
width: 330px;
margin: 0px 10px 0px 0px;
color: #444;
}
.rightdscolumn img {
width: 330px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
border: 6px solid #fff;
}
}
@media only screen and (max-width: 330px) {
.leftcolumn {
float: left;
width: 650px;
}
.rightcolumn {
float: left;
width: 330px;
margin: 40px 10px 0px 0px;
color: #444;
}
.rightcolumn h1 {
font-size: 1.6em;
font-weight: 400;
letter-spacing: -1px;
margin: 20px 0px 5px 0;
}
.rightcolumn p {
font-size: 1.2em;
line-height: 1.2em;
font-weight: 300;
letter-spacing: 0px;
margin-right: 55px;
}
.rightcolumn img {
width: 330px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
border: 3px solid #fff;
}
.leftdscolumn {
float: left;
width: 650px;
}
.leftdscolumn h1 {
font-size: 1.8em;
font-weight: 300;
letter-spacing: -1px;
margin: 0px 0px 5px 0;
text-align: center;
}
.leftdscolumn p {
font-size: 1.2em;
line-height: 1.2em;
font-weight: 300;
letter-spacing: 0px;
margin-right: 55px;
}
.leftdscolumn ul {
margin: 40px;
line-height: 1.5em;
}
.leftdscolumn li {
list-style: disc;
font-size: 1.2em;
margin-right: 55px;
font-weight: 300;
}
.rightdscolumn {
float: left;
width: 330px;
margin: 0px 10px 0px 0px;
color: #444;
}
.rightdscolumn img {
width: 330px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
border: 6px solid #fff;
}
}
@media only screen and (min-width:350px) and (max-width: 640px) {
.leftcolumn {
float: left;
}
.rightcolumn {
float: left;
margin: 40px 10px 0px 0px;
color: #444;
}
.rightcolumn h1 {
font-size: 1.6em;
font-weight: 400;
letter-spacing: -1px;
margin: 20px 0px 5px 0;
}
.rightcolumn p {
font-size: 1.2em;
line-height: 1.2em;
font-weight: 300;
letter-spacing: 0px;
margin-right: 55px;
}
.rightcolumn img {
width: 330px;
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
border: 3px solid #fff;
}
.leftdscolumn {
float: left;
}
.leftdscolumn h1 {
font-size: 1.6em;
font-weight: 300;
letter-spacing: -1px;
margin: 0px 0px 5px 0;
text-align: center;
}
.leftdscolumn p {
font-size: 1em;
line-height: 1.2em;
font-weight: 300;
letter-spacing: 0px;
text-align: center;
}
.leftdscolumn ul {
margin: 40px;
line-height: 1.5em;
}
.leftdscolumn li {
list-style: disc;
font-size: 1em;
font-weight: 300;
}
.rightdscolumn {
float: left;
margin: 10px;
color: #444;
text-align: center;
}
.rightdscolumn img {
-webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
-moz-box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
box-shadow: 0 0 10px 0 rgba(50,50,50,0.75);
border: 6px solid #fff;
}
}
.clearfix {
clear: both;
height: 50px;
}
.clearfixSM {
clear: both;
height: 10px;
}
/* --------------------------------
Form
-------------------------------- */
.cd-form {
width: 100%;
margin: 1em auto;
}
.cd-form::after {
clear: both;
content: "";
display: table;
}
.cd-form fieldset {
margin: 12px 5px;
float: left;
width: 47%;
border: none;
text-align: left;font-size: 16px;
letter-spacing: 0px;
}
.cd-form legend {
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 2rem;
border-bottom: 1px solid #ecf0f1;
}
.cd-form div {
/* form element wrapper */
position: relative;
margin: 20px 0;
}
.cd-form h4, .cd-form .cd-label {
font-size: 1.3rem;
color: #94aab0;
margin-bottom: 10px;
}
.cd-form .cd-label {
display: block;
}
.cd-form input, .cd-form textarea, .cd-form select, .cd-form label {
font-family: "Open Sans", sans-serif;
font-size: 1.6rem;
color: #2b3e51;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select,
.cd-form legend {
display: block;
width: 90%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select {
/* general style for input elements */
padding: 12px;
border: 1px solid #cfd9db;
background-color: #ffffff;
border-radius: .25em;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="text"]:focus,
.cd-form input[type="email"]:focus,
.cd-form textarea:focus,
.cd-form select:focus {
outline: none;
border-color: #2c97de;
box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.cd-form .cd-select {
/* select element wapper */
position: relative;
}
.cd-form .cd-select::after {
/* arrow icon for select element */
content: '';
position: absolute;
z-index: 1;
right: 16px;
top: 50%;
margin-top: -8px;
display: block;
width: 16px;
height: 16px;
background: url("../img/cd-icon-arrow.svg") no-repeat center center;
pointer-events: none;
}
.cd-form select {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.cd-form select::-ms-expand {
display: none;
}
.cd-form .cd-form-list {
margin-top: 16px;
}
.cd-form .cd-form-list::after {
clear: both;
content: "";
display: table;
}
.cd-form .cd-form-list li {
/* wrapper for radio and checkbox input types */
display: inline-block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 26px 16px 0;
float: left;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="checkbox"] + label::before {
border: 1px solid #cfd9db;
background: #ffffff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after {
border-radius: 50%;
}
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
border-radius: .25em;
}
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::after {
background-color: #2c97de;
background-position: center center;
background-repeat: no-repeat;
box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
display: none;
}
.cd-form input[type="radio"] + label::after {
/* custom image for radio button */
background-image: url("../img/cd-icon-radio.svg");
}
.cd-form input[type="checkbox"] + label::after {
/* custom image for checkbox */
background-image: url("../img/cd-icon-check.svg");
}
.cd-form input[type="radio"]:focus + label::before,
.cd-form input[type="checkbox"]:focus + label::before {
/* add focus effect for radio and check buttons */
box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::after {
display: block;
}
.cd-form input[type="radio"]:checked + label::before,
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::before,
.cd-form input[type="checkbox"]:checked + label::after {
-webkit-animation: cd-bounce 0.3s;
-moz-animation: cd-bounce 0.3s;
animation: cd-bounce 0.3s;
}
.cd-form textarea {
min-height: 100px;
resize: vertical;
overflow: auto;
}
.cd-form input[type="submit"] {
/* button style */
border: none;
background: #c60523;
border-radius: .25em;
padding: 16px 20px;
color: #ffffff;
font-weight: bold;
float: right;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.no-touch .cd-form input[type="submit"]:hover {
background: #999;
}
.cd-form input[type="submit"]:focus {
outline: none;
background: #999;
}
.cd-form input[type="submit"]:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.cd-form [required] {
background: url("../img/cd-required.svg") no-repeat top right;
}
.cd-form .error-message p {
background: #e94b35;
color: #ffffff;
font-size: 1.4rem;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: .25em;
padding: 16px;
}
.cd-form .error {
border-color: #e94b35 !important;
}
@media only screen and (min-width: 600px) {
.cd-form div {
/* form element wrapper */
margin: 32px 0;
}
.cd-form legend + div {
/* reduce margin-top for first form element after the legend */
margin-top: 20px;
}
.cd-form h4, .cd-form .cd-label {
font-size: 1.4rem;
margin-bottom: 10px;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select {
padding: 16px;
}
}
@-webkit-keyframes cd-bounce {
0%, 100% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(0.8);
}
}
@-moz-keyframes cd-bounce {
0%, 100% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(0.8);
}
}
@keyframes cd-bounce {
0%, 100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
}
/* --------------------------------
Custom icons
-------------------------------- */
.cd-form .icon input, .cd-form .icon select, .cd-form .icon textarea {
padding-left: 54px !important;
}
.cd-form .user {
background: url("icon/cd-icon-username.svg") no-repeat 16px center;
}
.cd-form [required].user {
background: url("icon/cd-icon-user.svg") no-repeat 16px center, url("icon/cd-required.svg") no-repeat top right;
}
.cd-form .company {
background: url("icon/cd-icon-company.svg") no-repeat 16px center;
}
.cd-form .startdate {
background: url("icon/cd-icon-startdate.svg") no-repeat 16px center;
}
.cd-form .enddate {
background: url("icon/cd-icon-enddate.svg") no-repeat 16px center;
}
.cd-form [required].company {
background: url("icon/cd-icon-company.svg") no-repeat 16px center, url("icon/cd-required.svg") no-repeat top right;
}
.cd-form .email {
background: url("icon/cd-icon-email.svg") no-repeat 16px center;
}
.cd-form [required].email {
background: url("icon/cd-icon-email.svg") no-repeat 16px center, url("icon/cd-required.svg") no-repeat top right;
}
.cd-form .phone {
background: url("icon/cd-icon-phone.svg") no-repeat 16px center;
}
.cd-form [required].phone {
background: url("icon/cd-icon-phone.svg") no-repeat 16px center, url("icon/cd-required.svg") no-repeat top right;
}
.cd-form .budget {
background: url("icon/cd-icon-budget.svg") no-repeat 16px center;
}
.cd-form .message {
background: url("icon/cd-icon-message.svg") no-repeat 16px 16px;
}
.cd-form [required].message {
background: url("icon/cd-icon-message.svg") no-repeat 16px 16px, url("icon/cd-required.svg") no-repeat top right;
}
/* --------------------------------
FLoating labels
-------------------------------- */
.js .floating-labels div {
margin: 28px 0;
}
.js .floating-labels .cd-label {
position: absolute;
top: 16px;
left: 16px;
font-size: 1.6rem;
cursor: text;
-webkit-transition: top 0.2s, left 0.2s, font-size 0.2s;
-moz-transition: top 0.2s, left 0.2s, font-size 0.2s;
transition: top 0.2s, left 0.2s, font-size 0.2s;
}
.js .floating-labels .icon .cd-label {
left: 56px;
}
.js .floating-labels .cd-label.float {
/* move label out the input field */
font-size: 1.2rem;
top: -16px;
left: 0 !important;
}
@media only screen and (min-width: 600px) {
.js .floating-labels legend + div {
/* reduce margin-top for first form element after the legend */
margin-top: 16px;
}
.js .floating-labels .cd-label {
top: 20px;
}
}
.flex-direction-nav {
position: absolute;
top: 45%;
left: 0;
width: 100%;
display: table;
-webkit-transform: translateY(-2.5em);
-ms-transform: translateY(-2.5em);
transform: translateY(-2.5em);
}
.flex-direction-nav li {
display: table-cell;
}
.flex-direction-nav a {
width: 3.6em;
height: 4.8em;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
background: url(../images/forward.png) center center no-repeat;
display: block;
position: relative;
}
@media screen and (max-width: 48em) {
.reversed .flex-direction-nav a {
background: url(../images/back.png) center center no-repeat;
}
}
.flex-direction-nav .flex-prev {
background: url(../images/back.png) center center no-repeat;
float: left;
margin-left: 44px;
}
.flex-direction-nav .flex-next {
float: right;
margin-right: 44px;
}
@media screen and (max-width: 48em) {
.flex-direction-nav {
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
height: 0;
padding-bottom: 67%;
display: block;
pointer-events: none;
}
.gallery .flex-direction-nav {
width: 100%;
height: 0;
padding-bottom: 66.847826086957%;
}
.flex-direction-nav a {
pointer-events: auto;
position: absolute;
top: 50%;
font-size: 2em;
}
.flex-direction-nav .flex-prev {
-webkit-transform: translate(-25%,-50%);
-ms-transform: translate(-25%,-50%);
transform: translate(-25%,-50%);
left: 0;
}
.flex-direction-nav .flex-next {
-webkit-transform: translate(25%,-50%);
-ms-transform: translate(25%,-50%);
transform: translate(25%,-50%);
right: 0;
}
}
@media screen and (max-width: 30em) {
.flex-direction-nav .flex-prev {
-webkit-transform: translate(-40%,-50%) scale(.5);
-ms-transform: translate(-40%,-50%) scale(.5);
transform: translate(-40%,-50%) scale(.5);
}
.flex-direction-nav .flex-next {
-webkit-transform: translate(40%,-50%) scale(.5);
-ms-transform: translate(40%,-50%) scale(.5);
transform: translate(40%,-50%) scale(.5);
}
}
.flex-control-paging {
text-align: center;
}
.flex-control-paging li {
display: inline;
}
.flex-control-paging a {
width: 1.333333333em;
height: 1.333333333em;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
border-radius: 50%;
display: inline-block;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: .333333333em solid transparent;
-webkit-box-shadow: inset 1px 1px 1px rgba(1,1,1,0.23);
box-shadow: inset 1px 1px 1px rgba(1,1,1,0.23);
margin: 1.333333333em .1666666665em;
}
.reversed .flex-control-paging a,.flex-control-paging a:hover {
background-color: #5b5b5b;
}
.flex-control-paging a,.reversed .flex-control-paging a:hover {
background-color: #eee;
}
.flex-control-paging .flex-active,.flex-control-paging .flex-active:hover,.reversed .flex-control-paging .flex-active:hover,.reversed .flex-control-paging .flex-active {
background-color: #b01117;
}
.testimonial {
margin: 0;
padding: 20px 50px 10px;
position: relative;
font-family: Georgia,serif;
color: #999;
font-style: italic;
border-top: 1px solid #CCC;
font-size: 1em;
}
.testimonial:before,.testimonial:after {
content: "\201C";
position: absolute;
font-size: 80px;
line-height: 1;
color: #999;
font-style: normal;
}
.testimonial:before {
top: 20px;
left: 10px;
}
.testimonial:after {
content: "\201D";
right: 10px;
bottom: 0;
}
#cd-timeline {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em;
}
#cd-timeline::before {
/* this is the vertical line */
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 2px;
background: #990000;
}
@media only screen and (min-width: 960px) {
#cd-timeline {
margin-top: 3em;
margin-bottom: 3em;
}
#cd-timeline::before {
left: 50%;
margin-left: -2px;
}
}
.cd-timeline-block {
position: relative;
margin: 2em 0;
}
.cd-timeline-block:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 960px) {
.cd-timeline-block {
margin: 4em 0;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
}
.cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
display: block;
width: 51px;
height: 51px;
position: relative;
left: 6%;
top: 8%;
margin-left: 0px;
margin-top: 0px;
}
.cd-timeline-img.cd-picture {
background: #75ce66;
}
.cd-timeline-img.cd-movie {
background: #c03b44;
}
.cd-timeline-img.cd-location {
background: #f0ca45;
}
@media only screen and (min-width: 960px) {
.cd-timeline-img {
width: 60px;
height: 60px;
left: 50%;
margin-left: -30px;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
-moz-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes cd-bounce-1 {
0% {
opacity: 0;
-moz-transform: scale(0.5);
}
60% {
opacity: 1;
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.cd-timeline-content {
position: relative;
margin-left: 60px;
background: none;
border-radius: 0.25em;
padding: 1em;
}
.cd-timeline-content:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-content h2 {
font-size: 34px;
font-family: Lato;
font-weight: 200;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
display: inline-block;
}
.cd-timeline-content p {
margin: 1em 0;
line-height: 1.6;
font-size: 18px;
}
.cd-timeline-content .cd-read-more {
float: right;
padding: .8em 1em;
background: #acb7c0;
color: white;
border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
float: left;
}
@media only screen and (min-width: 960px) {
.cd-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 45%;
min-height: 300px;
}
.cd-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: white;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: 100%;
left: 132%;
top: 6px;
}
.cd-timeline-content .cd-date img{
width: 400px;
padding:10px 10px 15px;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
-webkit-transform:rotate(4deg);
-webkit-transition:-webkit-transform .15s linear;
-moz-transform:rotate(4deg);
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: white;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 132%;
text-align: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date img{
width: 400px;
padding:10px 10px 15px;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
-webkit-transform:rotate(-4deg);
-webkit-transition:-webkit-transform .15s linear;
-moz-transform:rotate(-4deg);
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
@media only screen and (min-width: 960px) {
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2 {
0% {
opacity: 0;
-moz-transform: translateX(-100px);
}
60% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-moz-transform: translateX(100px);
}
60% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.cd-date {
font-size: 44px;
height: 100%;
}
.cd-date img{
width: 400px;
padding:10px 10px 15px;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
-webkit-transform:rotate(4deg);
-webkit-transition:-webkit-transform .15s linear;
-moz-transform:rotate(4deg);
}
@media only screen and (max-width: 640px) {
.comingsoon {
color:#999;
padding-left:25px;
position: relative;
top: -16px;
}
}
@media only screen and (min-width: 780px) {
.comingsoon {
color:#999;
}
}
.ribbon {
position: absolute;
right: -7px; top: -3px;
z-index: 8888;
overflow: hidden;
width: 145px; height: 135px;
text-align: right;
}
.ribbon span {
font-size: 16px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 36px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 150px;
display: block;
background: #79A70A;
background: linear-gradient(#F70505 0%, #8F0808 100%);
box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 22px; right: -32px;
}
.ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #8F0808;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}
.ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #8F0808;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808;
}
.ribbon-remodel {
position: absolute;
right: -7px; top: -3px;
z-index: 8888;
overflow: hidden;
width: 145px; height: 135px;
text-align: right;
}
.ribbon-remodel span {
font-size: 16px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 36px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 150px;
display: block;
background: #79A70A;
background: linear-gradient(#e6fbff 0%, #7799c7 100%);
box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 22px; right: -32px;
}
.ribbon-remodel span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #396f95;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #396f95;
}
.ribbon-remodel span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #396f95;
border-bottom: 3px solid transparent;
border-top: 3px solid #396f95;
}
#concierge-nav ul {
/* mobile first */
position: absolute;
width: 90%;
max-width: 400px;
right: 10%;
bottom: 0px;
border-top-left-radius: 0.25em;
border-top-right-radius: 0.25em;
box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);
background: #eee;
visibility: hidden;
/* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
overflow: hidden;
z-index: 2;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
transition: transform 0.3s, visibility 0s 0.3s;
}
#concierge-nav ul li {
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
#concierge-nav ul.is-visible {
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0s;
transition: transform 0.3s, visibility 0s 0s;
z-index: 2;
}
#concierge-nav ul.is-visible li:nth-child(1) {
/* list items animation */
-webkit-animation: concierge-slide-in 0.2s;
-moz-animation: concierge-slide-in 0.2s;
animation: concierge-slide-in 0.2s;
}
#concierge-nav ul.is-visible li:nth-child(2) {
-webkit-animation: concierge-slide-in 0.3s;
-moz-animation: concierge-slide-in 0.3s;
animation: concierge-slide-in 0.3s;
}
#concierge-nav ul.is-visible li:nth-child(3) {
-webkit-animation: concierge-slide-in 0.4s;
-moz-animation: concierge-slide-in 0.4s;
animation: concierge-slide-in 0.4s;
}
#concierge-nav ul.is-visible li:nth-child(4) {
-webkit-animation: concierge-slide-in 0.5s;
-moz-animation: concierge-slide-in 0.5s;
animation: concierge-slide-in 0.5s;
}
#concierge-nav ul.is-visible li:nth-child(5) {
-webkit-animation: concierge-slide-in 0.6s;
-moz-animation: concierge-slide-in 0.6s;
animation: concierge-slide-in 0.6s;
}
#concierge-nav li:last-child a {
border-bottom: none;
}
#concierge-nav ul {
/* the navigation moves to the top */
display:none;
position: absolute;
width: auto;
max-width: none;
bottom: auto;
top: 36px;
background: transparent;
visibility: visible;
box-shadow: none;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
#concierge-nav li {
display: inline-block;
}
#concierge-nav li a {
opacity: 1;
border-bottom: none;
}
#concierge-nav li a:hover {
color: #666;
}
#concierge-nav.is-fixed ul {
/* when the user scrolls down, the navigation moves to the bottom right in Fixed position - as on touch devices */
display: block;
position: fixed;
width: 100%;
max-width: 400px;
bottom: 0px;
top: auto;
background: #eee;
visibility: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#concierge-nav.is-fixed ul li {
display: block;
}
#concierge-nav ul.has-transitions {
/* this class is used to bring back transitions when the navigation moves at the bottom right */
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
transition: transform 0.3s, visibility 0s 0.3s;
}
#concierge-nav ul.is-visible {
/* this class is used to bring back the navigation animation - as on touch devices */
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0s;
transition: transform 0.3s, visibility 0s 0s;
}
#concierge-nav ul.is-hidden {
/* this class is used to animate the scale down the navigation when the user scrolls down with the navigation still open */
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.concierge-nav-trigger {
position: fixed;
bottom: 0px;
right: 10%;
width: 44px;
height: 44px;
background: #eee;
border-top-right-radius: 0.25em;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
z-index: 9999;
}
.concierge-nav-talkto {
background: #eee;
width: 200px;
height: 44px;
padding: 10px 0px 10px 15px;
position: fixed;
bottom: 0px;
right:10%;
border-top-right-radius: 0.25em;
border-top-left-radius: 0.25em;
z-index: 9998;
}
.concierge-nav-talkto h1 {
font-size: 1.1em;
padding-top:3px;
float: left;
}
.concierge-nav-talkto h2 {
font-size: 2em;
font-family: "Allura", cursive;
padding: 0px 0px 4px 2px;
font-weight: 100;
color: #c60523;
}
.concierge-pop-window {
width: 400px;
height: 230px;
padding: 20px;
z-index: 2;
}
.concierge-pop-window h1 {
font-size: 1.7em;
padding-top:10px;
letter-spacing: -1px;
font-family: "Lato", san-serif;
text-align: center;
}
.concierge-pop-window h2 {
font-size: 1.3em;
line-height: .1em;
padding-top:13px;
letter-spacing: -1px;
font-family: "Lato", san-serif;
text-align: center;
}
.concierge-pop-window p {
font-size: 1em;
line-height: 1.2em;
padding: 8px 0px 8px 0px;
letter-spacing: 0px;
font-family: "Lato", san-serif;
text-align: center;
}
.concierge-pop-window span {
font-weight: 700;
}
.concierge-pop-window img {
width: 40%;
float: left;
margin-right: 20px;
border: 3px solid #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.concierge-nav-trigger span {
/* the span element is used to create the menu icon */
position: absolute;
display: block;
width: 20px;
height: 2px;
background: #999;
top: 50%;
margin-top: -1px;
left: 50%;
margin-left: -10px;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
}
.concierge-nav-trigger span::before, .concierge-nav-trigger span::after {
content: '';
position: absolute;
left: 0;
background: inherit;
width: 100%;
height: 100%;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, background 0s;
-moz-transition: -moz-transform 0.3s, background 0s;
transition: transform 0.3s, background 0s;
}
.concierge-nav-trigger span::before {
top: -6px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.concierge-nav-trigger span::after {
bottom: -6px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.concierge-nav-trigger.menu-is-open {
box-shadow: none;
}
.concierge-nav-trigger.menu-is-open span {
background: rgba(198, 5, 35, 0);
}
.concierge-nav-trigger.menu-is-open span::before, .concierge-nav-trigger.menu-is-open span::after {
background: #e84a64;
}
.concierge-nav-trigger.menu-is-open span::before {
top: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.concierge-nav-trigger.menu-is-open span::after {
bottom: 0;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
@media only screen and (min-width: 1170px) {
.concierge-nav-trigger {
/* the the menu triger is hidden by default on desktop devices */
visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
transition: transform 0.3s, visibility 0s 0.3s;
}
.is-fixed .concierge-nav-trigger {
visibility: visible;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-animation: concierge-bounce-in 0.3s linear;
-moz-animation: concierge-bounce-in 0.3s linear;
animation: concierge-bounce-in 0.3s linear;
}
}