/* @group Welcome
------------------------------------ */
.welcome-header {}
.welcome-header h1 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; line-height: 1.2em; }
.welcome-header p { color: rgba(0,100,163,1); font-size: 1.4em; letter-spacing: 0.77px; line-height: 1.929em; }
.welcome-header .title i { color: rgba(241,201,119,1); font-size: 6.5em; position: absolute; left: 0; }
.welcome-header .title i span { color: rgba(26,46,87,1); font: 700 .431em / 1.216em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 5.6px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-indent: .5rem; }
/* Control
----------------------*/
.welcome-header .control a { background: rgba(25,45,88,1); width: 100%; max-width: 8.4rem; color: rgba(255,255,255,1); font-size: 1em; font-weight: 700; letter-spacing: 0.21px; line-height: 3em; text-align: center; text-transform: uppercase; position: relative; }
.welcome-header .control .share i,
.welcome-header .control .print i { font-size: 2.7em; display: block; margin-top: -.5rem;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}
.welcome-header .control .print i { font-size: 2.4em; margin-top: -.3rem; }
.welcome-header .control .share { border-right: .1rem solid rgba(255,255,255,1); }
/* Control - Radio Switch
----------------------*/
.welcome-header .control {}
.radio-switch { height: 6rem; width: 12.2rem; background: linear-gradient(270deg, rgba(241,201,119,1) 0%, rgba(249,230,175,1) 100%); padding: 1.2rem 1.5rem 1.3rem 1.4rem; position: relative; margin: 0; }
.radio-switch input { height: 100%; opacity: .00001; position: absolute; top: 0; width: 100%; z-index: 3; cursor: pointer; margin: 0; }
.radio-switch a,
.radio-switch label { color: rgba(26,46,87,1); font-size: 1.2em; font-weight: 600; letter-spacing: 2.4px; line-height: 3.5rem; position: relative; vertical-align: middle; cursor: pointer; z-index: 2; text-transform: uppercase; position: absolute; }
.radio-switch a span,
.radio-switch label span { opacity: 0; visibility: hidden; transition: opacity 0s ease-in-out, visible 0s ease-in-out; }
.radio-switch input:checked { z-index: -1; }
.radio-switch input:checked + label {}
.radio-switch input:checked + label span { opacity: 1; visibility: visible; transition: opacity 1s ease-in-out, visible 1s ease-in-out; }
.radio-switch h3 + a,
.radio-switch label:first-of-type { padding-left: 1.4rem; padding-right: 4.3rem; }
.radio-switch h3 + a:after,
.radio-switch label:first-of-type:after { content: ''; background: rgba(255,255,255,1); height: 3.5rem; width: 9rem; overflow: hidden; pointer-events: none; position: absolute; vertical-align: middle; left: 0; top: 0; border-radius: 1.75rem; z-index: -1; }
.radio-switch h3 + a:before,
.radio-switch label:first-of-type:before { content: ''; transition: right .2s ease-in-out; background: rgba(26,46,87,1); height: 2.8rem; width: 2.8rem; border-radius: 100%; z-index: 2; right: 5.7rem; position: absolute; top: .35rem; }

.radio-switch h3 + .active:before,
.radio-switch input:checked + label:first-of-type:before { right: .5rem; }
.radio-switch label:last-child { padding-left: 4.5rem; padding-right: 1.2rem; }
/* Content View
----------------------*/
.content-view header p { color: rgba(26,46,87,1); font-size: 1.4em; font-weight: 700; letter-spacing: 0.3px; line-height: 1.643em; margin: 0 0 1.3rem; }
/* Grid View
----------------------*/
.grid-view {}
.grid-view table { width: 100%; margin: 0 0 6.7rem; }
.grid-view table th { background: rgba(237,248,251,1); color: rgba(26,46,87,1); font-size: 1em; font-weight: 700; letter-spacing: 1.5px; line-height: 1.2em; height: 5rem; vertical-align: middle; padding: 0 1rem; text-align: left; }
.grid-view table td { color: rgba(26,46,87,1); font-size: 1.2em; font-weight: 600; letter-spacing: 0.26px; line-height: 1.167em; padding: 1.2rem 1rem; vertical-align: middle; }
.grid-view table td i { display: block; font-size: 1.167em; height: 2.6rem; width: 2.6rem; border: .2rem solid rgba(241,201,119,1); border-radius: 100%; line-height: 2.2rem; margin: 0 auto; }
.grid-view table tr:nth-child(odd) td { background: rgba(237,248,251,1); }
.grid-view table th:first-child,
.grid-view table td:first-child { text-align: center; }
/* List View
----------------------*/
.list-view {}
.list-view .box { background: rgba(255,255,255,1); box-shadow: 0 2px 11px 0 rgba(0,0,0,0.23); }
.list-view .img-box { height: 17.6rem; position: relative; overflow: visible; }
.list-view .img-box::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;   background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.5) 100%); }
.list-view .heart { position: absolute; top: 1rem; right: 1.4rem; color: rgba(241,201,119,1); font-size: 2.6em; }
.list-view .img-box p { background: rgba(26,46,87,1); color: rgba(241,201,119,1); font-size: 1em; font-weight: 600; letter-spacing: 1.5px; line-height: 1.2em; padding: .4rem 2.1rem; margin-bottom: -.8rem; }
.list-view .content { text-align: center; padding: .6rem 2rem .5rem; }
.list-view .content:nth-child(odd) { background: rgba(237,248,251,1); }
.list-view .begining { padding-top: 1.3rem; }
.list-view .amenities { padding-top: 1.9rem; padding-bottom: 4.3rem; }
.list-view .schedule { text-align: center; background: rgba(26,46,87,1); padding: 1.8rem 0 1.9rem; color: rgba(255,255,255,1); font-size: 1.2em; font-weight: 600; letter-spacing: 2.4px; line-height: 1.250em; display: block; }
.list-view .content h3 { color: rgba(0,100,163,1); font-size: 1.2em; font-weight: 400; letter-spacing: 0.13px; line-height: 1.250em; }
.list-view .begining h3 { font-style: italic; }
.list-view .content p,
.list-view .content q { color: rgba(26,46,87,1); font-size: 2em; font-weight: 700; letter-spacing: 0.43px; line-height: 1.150em; }
.list-view .content q + p { font-size: 1.2em; letter-spacing: 0.26px; line-height: 1.167em; }
.list-view .content h4 { color: rgba(26,46,87,1); font-size: 1.4em; letter-spacing: 0.3px; line-height: 1.643em; }
.list-view .content h4 + p { color: rgba(0,100,163,1); font-size: 1.4em; font-weight: 400; letter-spacing: 0.3px; line-height: 1.643em; }
/* List View - Slick Buttons
----------------------*/
.list-view .slick-button { color: rgba(22,45,90,1); font-size: 5.7em; position: absolute; top: 18.5rem; }
.list-view .slick-prev { left: -10.5rem; }
.list-view .slick-next { right: -10.5rem; }
@media only screen
and (min-width : 961px) {
  .welcome-header article { margin-top: 4.4rem; }
  .welcome-header article::after { content: ''; display: block; height: .3rem; background: rgba(0,178,221,1); margin: 1.3rem 0; }
  .welcome-header .title { padding-left: 10.7rem; }
  .welcome-header .control { max-width: 29rem; padding: 0; }
  /* Views
  ----------------------*/
  .welcome-content { min-height: 500px; }
  /* List View
  ----------------------*/
  .list-view .compare-list { left: -5.75rem; width: calc( 100% + 11.5rem); max-width: none; }
  .list-view article { margin-bottom: 11.7rem; padding: 0 5.75rem; }
  /* List View - Slick Buttons
  ----------------------*/
  .Mozilla.v11 .list-view .slick-prev:hover,
  .Explorer .list-view .slick-prev:hover { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
  .Mozilla.v11 .list-view .slick-next:hover,
  .Explorer .list-view .slick-next:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
  .Mozilla.v11 .list-view .schedule:hover,
  .Explorer .list-view .schedule:hover { text-indent: 8px; }
  @media (hover: hover) {
    .list-view .slick-prev:hover { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
    .list-view .slick-next:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
    .list-view .schedule:hover { text-indent: 8px; }
  }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .welcome-header { padding-top: 6.8rem; margin-bottom: 3.3rem; }
  .welcome-header article { padding: 0; }
  .welcome-header .col- { padding: 0 6.4rem 0 5.4rem; width: 100%; flex: 0 0 100%; }
  .welcome-header .title { padding: 0 16.4rem 0 5.4rem; }
  .welcome-header h1 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; max-width: 70%; margin: 0 0 2rem; }
  .welcome-header p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; margin: 0 0 3.1rem; }
  .welcome-header .title i { font-size: 10em; left: auto; right: 3.5rem; }
  .welcome-header .title i span { color: rgba(26,46,87,1); font: 700 .431em / 1.116em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 5.6px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-indent: 1.2rem; }
  /* Control
  ----------------------*/
  .welcome-header .control a { max-width: calc(50% - 9.75rem); font-size: 2em; font-weight: 600; letter-spacing: 4px; line-height: 1.200em; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .welcome-header .control .share i,
  .welcome-header .control .print i { font-size: 2.050em; order: -1; margin-top: -.2rem; margin-right: 1.2rem; position: relative; }
  .welcome-header .control .print i { font-size: 2em; margin-top: 0; margin-right: 1rem; top: 0; }
  .welcome-header .control .share { border-right-width: .2rem; }
  /* Top - Radio Switch
  ----------------------*/
  .radio-switch { height: 10rem; width: 19.5rem; padding: 2.2rem 2.7rem; }
  .radio-switch a,
  .radio-switch label { font-size: 2em; letter-spacing: 4px; line-height: 5.5rem; }
  .radio-switch h3 + a,
  .radio-switch label:first-of-type { padding-left: 2.1rem; padding-right: 6.5rem; }
  .radio-switch h3 + a:after,
  .radio-switch label:first-of-type:after { height: 5.5rem; width: 100%; border-radius: 29px; }
  .radio-switch h3 + a:before,
  .radio-switch label:first-of-type:before { height: 4.5rem; width: 4.6rem; right: 9.8rem; top: .5rem; }

  .radio-switch h3 + .active:before,
  .radio-switch input:checked + label:first-of-type:before { right: .8rem; }
  .radio-switch label:last-child { padding-left: 7rem; padding-right: 1.6rem; }
  /* Content View
  ----------------------*/
  .content-view header p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1em; margin: 0 0 4.5rem; }
  /* Grid View
  ----------------------*/
  .grid-view { padding: 0; }
  .grid-view article { overflow: hidden; overflow-x: scroll; }
  .grid-view header { padding: 0 6rem; }
  .grid-view table { margin: 0 0 18.5rem; width: 200vw; }
  .grid-view table th { height: 10rem; font-size: 1.8em; letter-spacing: 1.29px; line-height: 1.278em; padding: 0 1.2rem; }
  .grid-view table td { font-size: 2em; letter-spacing: 0.43px; line-height: 1em; padding: 2.3rem 1.2rem; }
  .grid-view table td:nth-child(3) { max-width: 20rem; }
  .grid-view table td i { font-size: 1.450em; height: 5.5rem; width: 5.5rem; border-width: .2rem; line-height: 5.2rem; text-indent: .25rem; }
  .grid-view table th:nth-child(5),
  .grid-view table td:nth-child(5),
  .grid-view table th:nth-child(6),
  .grid-view table td:nth-child(6),
  .grid-view table th:nth-child(8),
  .grid-view table td:nth-child(8) { text-align: center; }
  /* List View
  ----------------------*/
  .list-view { padding: 0; margin-bottom: 19.3rem; }
  .list-view header { padding: 0 6rem; }
  .list-view .compare-list { padding: 0 0 0 3.1rem; background: linear-gradient(to bottom, rgba(255,255,255,1) 26.1rem, rgba(237,248,251,1) 26.1rem ); }
  .list-view article { max-width: 46.2rem; padding: 0 3.1rem; margin: 0 0 2rem; }
  .list-view .box { background: rgba(255,255,255,1); box-shadow: 0 2px 11px 0 rgba(0,0,0,0.23); display: flex; flex-wrap: wrap; }
  .list-view .img-box { height: 26.1rem; width: 100%; }
  .list-view .heart { top: 1.8rem; right: 2rem; color: rgba(241,201,119,1); font-size: 3.9em; }
  .list-view .img-box p { font-size: 2em; letter-spacing: 3px; line-height: 1.2em; padding: .8rem 4.7rem; margin-bottom: -2rem; }
  .list-view .content { padding: 2rem 3rem 1.2rem; width: 100%; }
  .list-view .content.bedroom,
  .list-view .content.bathroom,
  .list-view .content.sqf,
  .list-view .content.garage { background: rgba(237,248,251,1); width: 50%; }
  .list-view .content.sqf,
  .list-view .content.garage { background: rgba(255,255,255,1); }
  .list-view .begining { padding-top: 3.5rem; }
  .list-view .amenities { padding-top: 1.9rem; padding-bottom: 4.3rem; }
  .list-view .schedule { padding: 2.3rem 0; font-size: 2em; letter-spacing: 4px; line-height: 1.2em; width: 100%; }
  .list-view .content h3 { font-size: 1.8em; letter-spacing: 0.19px; line-height: 1.225em; margin: 0 0 .4rem; }
  .list-view .content.begining h3 { margin: 0 0 1.3rem; }
  .list-view .content p,
  .list-view .content q { font-size: 3.4em; letter-spacing: 0.73px; line-height: 1em; }
  .list-view .content q + p { font-size: 2.4em; letter-spacing: 0.51px; line-height: 1.042em; }
  .list-view .content h4 { font-size: 2em; line-height: 1.850em; }
  .list-view .content h4 + p { font-size: 2em; letter-spacing: 0.43px; line-height: 1.850em; }
}
@media only screen
and (min-width : 0)
and (max-width : 400px) {
  /* Control
  ----------------------*/
  .welcome-header .control a { max-width: calc(50% - 9.75rem); }
/* Top - Radio Switch
  ----------------------*/
  /* .radio-switch { width: 33.33333%; max-width: 33.33333%; } */
}
/* @end */