@font-face {

    font-family: 'Sofia Pro';

    src: url('fonts/sofia_pro_regular-webfont.eot');

    src: url('fonts/sofia_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/sofia_pro_regular-webfont.woff2') format('woff2'),

         url('fonts/sofia_pro_regular-webfont.woff') format('woff'),

         url('fonts/sofia_pro_regular-webfont.ttf') format('truetype'),

         url('fonts/sofia_pro_regular-webfont.svg#sofia_pro_regularregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Sofia Pro';

    src: url('fonts/sofia_pro_semi_bold-webfont.eot');

    src: url('fonts/sofia_pro_semi_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/sofia_pro_semi_bold-webfont.woff2') format('woff2'),

         url('fonts/sofia_pro_semi_bold-webfont.woff') format('woff'),

         url('fonts/sofia_pro_semi_bold-webfont.ttf') format('truetype'),

         url('fonts/sofia_pro_semi_bold-webfont.svg#sofia_prosemi_bold') format('svg');

    font-weight: bold;

    font-style: normal;



}



@font-face {

    font-family: 'ArrrowsRegular';

    src: url('fonts/arrrows-regular-webfont.eot');

    src: url('fonts/arrrows-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/arrrows-regular-webfont.woff') format('woff'),

         url('fonts/arrrows-regular-webfont.ttf') format('truetype'),

         url('fonts/arrrows-regular-webfont.svg#ArrrowsRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@-webkit-keyframes arrow /* Safari and Chrome */ {

    0% {

        top:0px;

    }

    20% {

        top:8px;

    }

    70% {

        top:0px;

    }

}



@keyframes arrow {

    0% {

        top:0px;

    }

    20% {

        top:8px;

    }

    70% {

        top:0px;

    }

}

/*

.lazy, #slider, #scroller, #collections, #gallery {

    background-image: url('../images/spinner64.gif');

    background-repeat: no-repeat;

    background-position: center;

}



#team .photo, #hd ul li .photo {

    background-image: url('../images/spinner32.gif');

    background-repeat: no-repeat;

    background-position: center;

}

*/



body {

    background-color: #202831;

    font-family: 'Sofia Pro', Arial, sans-serif;

    /*

    background-image: url('../images/bg.jpg');

    background-repeat: repeat-x;*/

}



header {

    display: table;

    width:100%;

    max-width: 1440px;

    color:#fff;

    position: fixed;

    top:0px;

    z-index: 99;

    font-size:0px;

}



header .container  {

    max-width: 1440px;

    width:100%;

    margin: auto;

    padding:0px 0px 0px 80px;

    box-sizing: border-box;

}



header .container > * {

    display: table-cell;

    vertical-align: middle;

    height: 80px;

}



header #logo {

    text-align: left;

    transition: opacity 0.2s ease-in;

}



header #logo img {

    width:auto;

    height: 49px;

}



header #logo:hover {

    opacity: 0.7;

}



header #menu {

    width:100%;

}



header #menu ul {

    text-align: right; 

}



header #menu ul li {

    display: inline-block;

    background: linear-gradient(to right, RGBA(39,181,203,0.85) 50%, transparent 50%);

    background-size: 201% 100%;

    background-position:right bottom;

    transition:all 0.2s ease-in;

}



header #menu ul li:hover{

    background-position:left bottom;

    transition:all 0.2s ease-out;

}

header #menu ul li.current-menu-item, 
header #menu ul li.current_page_item,
.package-template-default header #menu ul li.menu-item-1005,
.post-template-default header #menu ul li.current_page_parent  {

    background-color: #27B5CB;

    background-position:left bottom;

    transition:all 0.2s ease-out;

}

.package-template-default header #menu ul li.current_page_parent {}


/*
.package-template-default header #menu ul li.current_page_parent { background: linear-gradient(to right, RGBA(39,181,203,0.85) 50%, transparent 50%); background-size: 201% 100%; background-position: right bottom; }
.package-template-default header #menu ul li.current_page_parent:hover { background-position:left bottom; transition:all 0.2s ease-out;  }

.package-template-default header #menu ul li#menu-item-501 { background-color: #27B5CB; background-position:left bottom; transition:all 0.2s ease-out; }

*/



header #menu ul li a {

    color: #fff;

    padding:0px 20px;

    height: 100%;

    display: inline-block;

    height:80px;

    line-height:80px;

    font-size:16px;

}



#mobilemenu {

    position: fixed;

    top:58px;

    width:100%;

    height: 100%;

    z-index: 999;

    margin-left:1024px;

    opacity: 0;

}



#mobilemenu ul {

    margin-top:90px;

    margin-left:auto;

    margin-right: auto;

    text-align: right;

    max-width: 550px;

    padding-left:0% !important;

    z-index: 1;

    position: relative;

}



#mobilemenu ul li {

    width:170px;

    display: inline-block;

    text-align: left;

}



#mobilemenu ul li:nth-child(odd) {

    margin-right:80px;

}



#mobilemenu a {

    font-size:23px;

    color: #fff;

    font-weight: bold;

    line-height: 100px;

}



#mobilemenu .background {

    position: absolute;

    width:100%;

    top:0px;

    bottom:0px;

    left:0px;

    right:0px;

    z-index: 0;

    font-size:0px;

}



#mobilemenu .background > * {

    position: absolute;

    z-index: -1;

}



#mobilemenu .background .topleft {

    background-color: #27B5CB;

    height: 60%;

    width: 30%;

    left:0px;

    top:0px;

}

#mobilemenu .background .topright {

    background-color: #27B5CB;

    height: 60%;

    width: 70%;

    right:0px;

    top:0px;

}

#mobilemenu .background .bottomleft {

    background-image: url('../images/bg-corner.png');

    background-size: cover;

    background-position: right top;

    height: 40%;

    width:30%;

    left:0px;

    bottom:5px;

}

#mobilemenu .background .bottomright {

    background-color: #27B5CB;

    height: 40%;

    width:70%;

    right:0px;

    bottom:5px;

}



#openmobile {

    height: 36px;

    width: 36px;

    background-image: url('../images/icon-menu.png');

    background-repeat: no-repeat;

    background-position: right center;

    position: relative;

    width:100%;

    cursor: pointer;

    display: none;

}



#closemobile {

    width:130px;

    background-color: #27B5CB;

    height: 58px;

    top:-58px;

    right:0px;

    background-image: url('../images/icon-close.png');

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

}



#main {

    /*max-width:1600px;*/

    width:100%;

    /*margin:auto;*/

    margin-top:0px;

}



#content {

    max-width: 1440px;

    padding-top:80px;

    /*background-color: #fff;*/

    /*background-image: url('../images/bg-header2.png');*/

    background-repeat: no-repeat;

    overflow: hidden;

    font-size:0px;

}



#content .container {

    max-width: 1440px;

    width:100%;

    margin: auto;

    padding-left:80px;

    padding-right:80px;

    box-sizing: border-box;

}



.container.c840 {

    max-width: 1040px !important;

    padding:0px 30px !important;

    width:100% !important;

    margin: 0px auto -20px auto !important;

}



.fadein > * {

    opacity: 0;

    transition: opacity 1.0s ease-in-out;

}



.title {

    display: table;

    padding-top:90px;

    padding-bottom:70px;

    background-color: #F2F2F2;

    white-space: nowrap;

    width:100%;

}



.title > * {

    display: table-cell;

}



.title h1,

.title h2 {

    font-size: 34px;

    color: #20272F;

    font-weight: bold;

    line-height: 34px;

}



.title.style-1 > *:first-child {

    width:75% !important;

}



.title > *:nth-child(2) {

    text-align: right;

}



.title.style-1 a {

    font-size: 16px;

    font-weight: bold;

    color: #26B5CB;

    background-image: url('../images/dot-underline.png');

    background-repeat: repeat-x;

    background-position: left bottom;

    padding-bottom: 6px;

}



.title.style-1 a span.icon {

    position: relative;

    font-family: ArrrowsRegular;

    font-weight: normal;

    margin-right:3px;

    margin-left:0px;

    transition: all 0.2s ease-in-out;

}





.title.style-1 a:hover span.icon {

    margin-right:0px;

    margin-left:3px;

    transition: all 0.2s ease-in-out;

}



.title.style-2 {

    background-color: #FFF;

}



.title.style-2 h2 {

    text-align: center;

}



.title.style-3 > *:first-child {

    width:75%;

}



.title.style-3 h2 {

    color: #999999;

}



.title.style-3 a {

    font-size: 16px;

    color: #26B5CB;

    background-image: url('../images/dot-underline.png');

    background-repeat: repeat-x;

    background-position: left bottom;

    padding-bottom: 6px;

}



.title.style-3 a span.icon {

    font-family: ArrrowsRegular;

    font-weight: normal;

    margin-right:3px;

    margin-left:0px;

    transition: all 0.2s ease-in-out;

}



.title.style-3 a:hover span.icon {

    margin-right:0px;

    margin-left:3px;

    transition: all 0.2s ease-in-out;

}



.title.style-4 {

    padding-top: 70px;

    padding-bottom: 70px;

    background-color: #26B5CB;

    /*

    transition: padding-top 0.2s linear;

    transition: padding-bottom 0.2s linear;

    */

}
.title.style-4 p { color: #fff; font-size: 26px; line-height: 1.2em; opacity: 1; -webkit-transition: font-size 0.30s ease-in-out; -moz-transition: font-size 0.30s ease-in-out; -ms-transition: font-size 0.30s ease-in-out; -o-transition: font-size 0.30s ease-in-out; transition: font-size 0.30s ease-in-out; }
.title.style-4.small p { font-size: 12px; }

.title.style-4 a {

    color: #fff;

    transition: all 0.2s linear;

}

.title.title-house-land { background-image: url('../images/title-bg.png'); background-repeat: repeat; background-position: left top; padding-top: 55px; padding-bottom: 57px; }

.title.title-house-land h1 { padding-left: 135px; }
.title.title-house-land .title-image { position: absolute; top: 80px; -webkit-transition: width 0.30s ease-in-out, height 0.30s ease-in-out; -moz-transition: width 0.30s ease-in-out, height 0.30s ease-in-out; -ms-transition: width 0.30s ease-in-out, height 0.30s ease-in-out; -o-transition: width 0.30s ease-in-out, height 0.30s ease-in-out; transition: width 0.30s ease-in-out, height 0.30s ease-in-out; }

.title.title-house-land.style-4 p { padding-left: 135px; }
.title.title-house-land.style-4.small .title-image { height: 56px; top: 2px; width: auto; }

.title.title-house-land.small h1 { padding-left: 50px; line-height: 30px; }
.title.title-house-land.style-4.small p { padding-left: 50px; line-height: 1em; padding-bottom: 7px; position: relative; top: -4px; }


#content .pagging * { color: #000; display: block; height: auto; font-size: 100%; text-align: center; }
#content .pagging { border-bottom: 1px solid #A4AEB6; border-top: 1px solid #F2F2F2; padding-bottom: 51px; padding-top: 40px; text-align: center; }
#content .pagging a { background: #26B5CB; border: 1px solid #26B5CB; display: inline-block; vertical-align: top; font-size: 16px; line-height: 35px; height: 39px; width: 38px; color: #fff; text-align: center; }
#content .pagging a.no-pagging { background: #D2D8DE; border: 1px solid #D2D8DE; }
#content .pagging span { background: #fff; border: 1px solid #D2D8DE; color: #1F272F; display: inline-block; font-size: 16px; line-height: 39px; padding-left: 35px; padding-right: 35px; }
#content .pagging p { display: inline-block; font-size: 16px; line-height: 41px; padding-left: 15px; }

#content .filter-form * { color: #000; display: block; height: auto; font-size: 100%; }
#content .filter-form { background: #fff; padding-bottom: 40px; padding-top: 40px; }
#content .filter-form h2 { display: block; font-size: 28px; line-height: 2em; padding-left: 0px; }
#content .filter-form p { display: block; font-size: 19px; line-height: 1.2em; padding-left: 0px; }

#content .filter-form fieldset { display: inline-block; vertical-align: top; margin-right: 75px; }

#content .filter-form div.radio { display: inline-block; vertical-align: top; }
#content .filter-form label.radio { cursor: pointer; font-size: 15px; line-height: 41px; margin-right: 0px; margin-top: 16px; position: relative; padding-left: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#content .filter-form label.radio input { cursor: pointer; opacity: 0; position: absolute; }
#content .filter-form label.radio .checkmark { background-color: #26B5CB; color: #fff; font-size: 13.07px; height: 41px; padding: 0px 30px; text-transform: uppercase; }
#content .filter-form label.radio input:checked ~ .checkmark { background-color: #20272F; }

#content .filter-form .radio-choice label.radio .checkmark,
#content .filter-form .radio-liberty label.radio .checkmark { font-size: 0px; height: 63px; padding: 0px; -webkit-transition: opacity 0.30s ease-in-out; -moz-transition: opacity 0.30s ease-in-out; -ms-transition: opacity 0.30s ease-in-out; -o-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out; }

#content .filter-form div.radio-choice { margin-left: 12px; width: 63px; margin-right: 12px; position: relative; top: -8px; }
#content .filter-form div.radio-liberty { width: 151px; position: relative; top: -5px; }

#content .filter-form .radio-choice label.radio,
#content .filter-form .radio-liberty label.radio { font-size: 0px; }

#content .filter-form .radio-choice label.radio .checkmark { background-color: transparent; background: url('../images/title-choice.png'); background-repeat: no-repeat; background-position: left top; background-size: 100% auto; }
#content .filter-form .radio-liberty label.radio .checkmark { background-color: transparent; background: url('../images/title-liberty.png'); background-repeat: no-repeat; background-position: left top; background-size: 100% auto; }

#content .filter-form .radio-choice label.radio input:checked ~ .checkmark,
#content .filter-form .radio-liberty label.radio input:checked ~ .checkmark { background-color: transparent; font-size: 0px; opacity: 0.75;  }

.title.style-4.sticky {

    display:block;

    z-index: 99;

    transition: all 0.2s linear;

}

#hd .photo .house-range { display: block; position: absolute; top: 20px; right: 20px; z-index: 2; }
#hd .photo .house-range.ascend-range { right: 0px; }
#hd .photo .house-range.ascend-range img { display: block; height: auto; max-width: 140px; }


.title.style-4.sticky > *{

    display:block;

}



.title.style-4.sticky.small {

    padding-top: 0px;

    padding-bottom: 0px;

    transition: all 0.2s linear;

    position: fixed;

}



.title.style-4.sticky.small {

    padding-top: 4px;

    padding-bottom: 4px;

    transition: all 0.2s linear;

    

}



.title.style-4.sticky.small h1 {

    line-height: 34px;

    font-size: 16px;

}



.title.style-4.sticky a:hover {

    color:#172738;

    transition: all 0.2s linear;

}



.title.style-4 span {

    color:#fff;

    font-family: ArrrowsRegular;

    transition: all 0.2s linear;

    font-weight: normal;

}



.title.style-5 {

    background-color: #fff;

    padding-top:85px;

    padding-bottom:60px;

    text-align: center;

}



.title.style-5 h1 {

    font-size:38px;

}



.title.style-6 {

    background-color: transparent;

    padding-top: 75px;

    padding-bottom: 0px;

}



.title.style-6 > * {

    color:#F2F2F2;

    font-size:21px;

    text-align: center;

}



.title.style-7{

    background-color: #F2F2F2;

    padding-top: 80px;

    padding-bottom: 25px;

}



.title.style-7 > * {

    color:#20272F;

    font-size:21px;

    text-align: center;

}





#slider {

    position: relative;

    overflow: hidden;

    -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);

}



#slider ul {

    position: absolute;

    top:0px;

    left:0px;

    right:0px;

    bottom:0px;

    opacity: 0;

}



#slider ul li {

    position: absolute;

    width:100%;

    height: 100%;   

    background-size: cover;

    background-position: center;

    /*background-color: #27B5CB;*/

    zoom: 1;

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transition: opacity 1.50s ease-in-out;

    -moz-transition: opacity 1.50s ease-in-out;

    -ms-transition: opacity 1.50s ease-in-out;

    -o-transition: opacity 1.50s ease-in-out;

    transition: opacity 1.50s ease-in-out;

    z-index:1;

    cursor: pointer;

}



#slider ul li.active {

    z-index:2;

    zoom: 1;

    filter: alpha(opacity=100);

    opacity: 1.0;

    -webkit-transition: opacity 0.75s ease-in-out;

    -moz-transition: opacity 0.75s ease-in-out;

    -ms-transition: opacity 0.75s ease-in-out;

    -o-transition: opacity 0.75s ease-in-out;

    transition: opacity 0.75s ease-in-out;

}





#slider ul li.active a {

    display:block;

    width:100%;

    height: 100%;  

    position: absolute;

    opacity: 0;

}





#slider .ratio {

    position: relative;

    width:100%;

    height: auto;

    max-height: 800px;

    opacity: 0;

}



#slider .description {

    display: table;

    position: absolute;

    right:0px;

    bottom:0px;

    width:50%;

    /*height: 100%;*/

    table-layout: fixed;

    z-index:3;

    opacity: 0;

}



#slider .description > * {

    display: table-cell;

    vertical-align: middle;

}



#slider .description .text {

    width:100%;

    background-color: #fff;

    padding:60px;
	padding-top: 45px;
	padding-bottom: 45px;

    box-sizing: border-box;

}



#slider .description .text h3 {

    font-size:38px;

    font-weight: bold;

    line-height: 1.2em;

    color:#202731;

}




#slider .description .text p {

    font-size:16px;

    color:#999999;

    line-height: 26px;

}

#slider .description .text span.slider-link { color: #00B5C9; font-size: 16px; line-height: 1.63em; text-decoration: underline; }


#slider .description .text a * {

    transition: color 0.2s ease-in-out;

}



#slider .description .text a:hover h3 {

    color:#22A3B6;

    transition: color 0.2s ease-in-out;

}



#slider .description .text h3 + p {

    margin-top:14px;

}



#slider .description .controls {

    /*display: table;*/

    height: 100%;

    width:80px;

    position: relative;

}



#slider .description .controls > * {

    display: block;

    text-align: center;

    color:#fff;

    font-family: ArrrowsRegular;

    font-size: 26px;

    cursor: pointer;

    background-color: #27B5CB;

    transition: all 0.2s linear;

}



#slider .description .controls > .right:hover{

    /*padding-left:10px;*/

    background-color: #146C7E;

    transition: all 0.2s linear;

}



#slider .description .controls > .left:hover{

    /*padding-right:10px;*/

    background-color: #146C7E;

    transition: all 0.2s linear;

}



#slider .description .controls > *.inactive {

    color: #1B8292;

    cursor: default;

    background-color: #22A3B6 !important;

    /*

    padding-left:0px !important;

    padding-right:0px !important;

    */

}



#slider .description:hover .hover {

   opacity: 1.0;

   width: 100%;

   transition: all 0.3s ease-in-out;

}

/*

#slider .hover {

    position: absolute;

    overflow: hidden;

    opacity: 0;

    width: 0px;

    height: 100%;

    top:0px;

    left:0px;

    color:#fff;

    background-color:rgba(50, 50, 50, 0.85);

    transition: all 0.3s ease-in-out;

    display: block;

    z-index: 0;

}



#slider .hover a {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width:100%;

    color:#fff;

    text-transform: uppercase;

    font-size:20px;

    font-weight: bold;

    white-space: nowrap;

}



#slider .hover a span.icon {

    font-size: 30px;

    margin-top:-5px;

    margin-left:5px;

}

*/

#scroller {

    display: block;

    overflow: hidden;

    position: relative;

    background-color: #F2F2F2;

}



#scroller .ratio{

    opacity: 0;

    width:100%;

}



/*

#scroller.touch {

    overflow-x: scroll;

    overflow-y: hidden;

}

*/

#scroller.touch .controls {

    display:none;

}



#scroller > ul {

    display: table;

    /*background-color: #F2F2F2;*/

}



#scroller > ul > li {

    display: table-cell;

    position: relative;

    opacity: 0;

}



#scroller .item .image a {

    display: block;

    background-size: cover;

}



#scroller > ul > li > .hover {

    position: absolute;

    overflow: hidden;

    opacity: 0;

    width: 0px;

    height: 100%;

    background-color:rgba(32,39,47,0.7);

    top:0px;

    color:#fff;

    transition: all 0.3s ease-in-out;

    display: block;

}



#scroller > ul > li:hover > .hover {

   opacity: 1.0;

   width: 100%;

   transition: all 0.3s ease-in-out;

}



#scroller > ul > li > .hover a {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width:100%;

    color:#fff;

    text-transform: uppercase;

    font-size:20px;

    font-weight: bold;

    white-space: nowrap;

}



#scroller > ul > li > .hover a span.icon {

    font-size: 30px;

    margin-top:-5px;

    margin-left:5px;

}



#scroller > ul > li > .name {

    margin: 8% 0% 3% 15%;

}

#scroller .house-range { display: block; position: absolute; top: 20px; right: 20px; z-index: 2; }
#scroller .house-range img { display: block; height: auto; width: 90%; }

#scroller > ul > li .description {

    margin: 2% 15% 10% 15%;

    color: #999999;

    font-size: 16px;

}



#scroller > ul > li > .name > * {

    display: inline-block;

}



#scroller > ul > li > .name > h5 a {

    font-size:21px;

    color:#20272F;

    font-weight: bold;

    margin-right:20px;

}



#scroller > ul > li .name > ul.icons {

    

}



#scroller > ul > li .name > ul.icons > li {

    display: inline-block;

    width:44px;

    height: 20px;

    text-indent: 24px;

    background-position: left;

    background-repeat: no-repeat;

    background-size: contain;

    line-height: 20px;

    font-size: 15px;

    color:#26B5CB;

    font-weight: bold;

}



#scroller > ul > li .name > ul.icons > li.bed {

    background-image: url('../images/icon-bed.png');

}



#scroller > ul > li .name > ul.icons > li.bath {

    background-image: url('../images/icon-bath.png');

}



#scroller > ul > li .name > ul.icons > li.garage {

    background-image: url('../images/icon-garage.png');

}



#scroller .controls {

    position: absolute;

    z-index: 10;

    top:50%;

    background-color:#27B5CB;

    color: #fff;

    font-family: ArrrowsRegular;

    font-size:20px;

    width:50px;

    height:50px;

    line-height: 50px;

    text-align: center;

    margin-top:-25px;

    cursor: pointer;

    transition: all 0.2s linear;

}



#scroller:hover .controls {

    transition: all 0.2s linear;

}



#scroller .controls.left,

#scroller:hover .controls.left.inactive {

    left: -50px !important;

}



#scroller:hover .controls.left {

    left: 0px !important;

}



#scroller:hover .controls.left:hover {

    /*

    padding-right:5px;

    left:-5px !important;

    */

    text-indent: -5px;

    transition: all 0.2s linear;

}



#scroller .controls.right,

#scroller:hover .controls.right.inactive {

    right: -50px !important;

}



#scroller:hover .controls.right {

    right: 0px !important;

}



#scroller:hover .controls.right:hover {

    /*

    padding-left:5px;

    right:-5px !important;

    */

    text-indent: 5px;

    transition: all 0.2s linear;

}



#collections {

    display: block;

    width:100%;

    background-color: #fff;

    font-size:0px;

    position: relative;

    box-sizing: border-box;

    padding-bottom:80px;

    overflow: hidden;
	padding-top:80px;
}



#collections > * {

    display: inline-block;

    width:33.3%;

    text-align: center;

    vertical-align: middle;

    position: relative;

    border-left:15px solid #FFFFFF;

    border-right:15px solid #FFFFFF;

    box-sizing: border-box;

    position: relative;

    opacity: 0;

}



#collections > *:first-child {

    border-left:0px solid #FFFFFF;

    border-right:30px solid #FFFFFF;

}



#collections > *:last-child {

    border-left:30px solid #FFFFFF;

    border-right:0px solid #FFFFFF;

}



#collections .content {

    background-color: transparent;
	color: #fff;

    height: 100%;

    position: relative;

    box-sizing: border-box;

    margin:22px;

    padding-top:30px;

    padding-bottom:100px;

    position: relative;

}



#collections .logo {

    box-sizing: border-box;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 1;

    position: relative;

}



#collections .logo img {

    opacity: 1;

    height: auto;

    /*min-height: 150px;*/
	width: 100%;
}


#collections .choice .logo img { max-width: 154px; }
#collections .ascend .logo img { max-width: 141px; }  
#collections .liberty .logo img { max-width: 283px; }

#collections .logo a {

    display: block;

    position: relative;

    height: 100%;

}





#collections .description {

    color: #fff;

    font-size:16px;

    line-height: 26px;

    box-sizing: border-box;

    padding:0px 13%;

    padding-top:30px;

    padding-bottom:30px;

    transition: all 0.3s ease-in-out;

}

#collections a.enquire { color: #fff; font-size: 19.3px; font-weight: normal; line-height: 1.63em; }

#collections .price {

    padding-top:22px;

    position: absolute;

    width:100%;

    bottom:30px;

    color: #fff;

    font-size:22px;  line-height: 1.43em; font-weight: bold;

    transition: all 0.3s ease-in-out;

}



#collections .item .hover {

    position: absolute;

    overflow: hidden;

    opacity: 0;

    width: 0px;

    height: 100%;

    top:0px;

    color:#fff;

    background-color:rgba(70, 102, 123, 0.65);

    transition: all 0.3s ease-in-out;

    display: block;

    z-index: 0;

}










#testmonials {

    /*

    background-image: url('../images/bg-testimonials.png');

    background-repeat: no-repeat;

    */

    display: block;

    

    position: relative;

    font-size:0px;

    background-size: cover;

    width:100%;

    padding:90px 0px;

}



#testmonials .container {

    width:80%;

}



#testmonials ul.items {

    white-space: nowrap;

    margin-bottom:30px;

    margin-top:15px;

    overflow: hidden;

    display: block;

    position: relative;

}



#testmonials ul.items li {

    display: inline-block;

    position: relative;

    vertical-align: middle;

    white-space: normal;

}



#testmonials ul.items li .description {

    font-size:28px;

    font-weight: bold;

    line-height: 42px;

    text-align: center;

    color:#fff;

    margin-bottom:35px;

    opacity: 0;

    bottom: -10px;

    position: relative;

}



#testmonials ul.nav {

    position: relative;

    display: block;

    text-align: center;

    width:100%;

    opacity: 0;

}



#testmonials ul.nav li {

    display: inline-block;

    padding:5px;

    cursor: pointer;

}



#testmonials ul.nav li.active:before,

#testmonials ul.nav li:hover:before {

    background-color: #26B5CB;

    transition: background-color 0.2s ease-out;

}



#testmonials ul.nav li:before {

    content: "";

    display: block;

    width:10px;

    height: 10px;

    background-color: #627686;

    border-radius: 100%;

    transition: background-color 0.2s ease-out;

}



#testmonials .quote {

    background-image: url('../images/icon-quote.png');

    background-repeat: no-repeat;

    background-position: center;

    height: 16px;

    width:100%;

    opacity: 0;

    background-size: contain;

}



#testmonials .author {

    font-size: 16px;

    color:#999999;

    text-align: center;

    opacity: 0;

    bottom: -10px;

    position: relative;

}



#team {

    padding-bottom:70px;

    background-color: #F2F2F2;

}





#team > *.container {

    display: table;

    table-layout: fixed;

    max-width: none;

    padding-bottom: 60px;

}



#team > *.container > * {

    display: table-cell;

    width:25%;

    overflow: hidden;

}



#team > *.container > *:nth-child(1) {

    padding-left:0px;

    padding-right:30px;

}



#team > *.container > *:nth-child(2) {

    padding-left:10px;

    padding-right:20px;

}



#team > *.container > *:nth-child(3) {

    padding-left:20px;

    padding-right:10px;

}



#team > *.container > *:nth-child(4) {

    padding-left:30px;

    padding-right:0px;

}



#team > *.container > * > .photo {

    

}



#team .photo a {

    /*background-color: #27B5CB;*/

    display: block;

    font-size: 0px;

    opacity: 0;

}



#team > *.container > * .photo img {

    opacity: 1.0;

    transition: all 0.2s ease-in;

}

/*

#team > * .photo img:hover {

    opacity: 0.7;

    -webkit-filter: saturate(0) contrast(1.5);

    filter: saturate(0) contrast(1.5);

    transition: all 0.2s ease-out;

}

*/

#team > *.container > * > .name,

#team > *.container > * > .function,

#team > *.container > * > .description {

    position: relative;

    opacity: 0;

}



#team > *.container > * > .name.visible,

#team > *.container > * > .function.visible,

#team > *.container > * > .description.visible {

    opacity: 1.0;

    transition: opacity 1.0s ease-out;

}



#team .photo img {

    width:100%;

    height: auto;

}



#team .name {

    color: #20272F;

    font-weight: bold;

    font-size:21px;

    margin-top:35px;

}



#team .name a {

    color: #20272F;

    transition: color 1.2s ease-out;

}



#team .name a:hover {

    color: #27B5CB;

    transition: color 0.2s ease-out;

}



#team .function {

    font-size:16px;

    color: #999999;

    margin-top:10px;

}



#team .description {

    font-size:16px;

    color: #999999;

    margin-top:30px;

    line-height: 26px;

}



footer {

    max-width: 1440px;

    background-image: url('../images/bg-footer.png');

    background-repeat: no-repeat;

    background-size: cover;

    padding-top:75px;

    padding-bottom:40px;

}



footer .container {

    max-width: 1360px;

    width:100%;

    margin: auto;

    padding:0px 40px;

    box-sizing: border-box;

    overflow: hidden;

}



footer a {

    transition: color 0.3s linear;

}



footer a:hover {

    color:#9be2ec !important;

}



footer .columns {

    display: table;

    width:100%;

    position: relative;

}



footer .columns > * {

    display: table-cell;

    width:25%;

    vertical-align: top;

    padding-right:20px;

    padding-top:25px;

}



footer .columns > *:first-child {

    width:50%;

}



footer .columns h4 {

    font-size:21px;

    font-weight: bold;

    color:#20272F;

    margin-bottom:22px;

}



footer .columns p {

    margin-bottom:22px;

}



footer .columns p,

footer .columns a {

    font-size:16px;

    color:#FFFFFF;

    line-height: 26px;

}



footer .social {

    position: relative;

    top:-5px;

    margin-bottom:10px;

}



footer .social a {

    margin-right:16px;

    display: inline-block;

    transition: opacity 0.2s ease-in;

}



footer hr {

    height: 1px;

    border:0px;

    background-color: #fff;

    opacity: 0.3;

}



footer .lastline {

    display: table;

    width:100%;

    height:40px;

    font-size:13px;

    padding-top:25px;

}



footer .lastline p,

footer .lastline span,

footer .lastline a {

    color:#fff;

}



footer .lastline span {

    padding:0px 10px;

}



footer .lastline > *,

footer .lastline > * > * {

    display: inline-block;

    line-height: 40px;

    vertical-align: top;

}



footer .jtb {

    background-image: url('../images/logo-jtb.svg');

    background-repeat: no-repeat;

    background-position: 0px 12px;

    width:72px;

    height: 40px;

    margin-left:10px;

    transition: opacity 0.2s ease-in;

}



footer .social a:hover,

footer .jtb:hover {

    opacity: 0.6;

}



/* HOME DESIGNS */

#hd {

    background-color: #FFF;

}



#hd .more {

    position: relative;

    display: inline-block;

    width:100%;

    height: 80px;

    line-height: 80px;

    font-size:50px;

    text-align: center;

    color:#FFFFFF;

    font-family: ArrrowsRegular;

    overflow: hidden;

    background-position: center;;

    background-repeat: no-repeat;

    background-color: #202831;

    cursor:pointer;

}



#hd .more span {

    opacity:1.0;

    position: relative;

    transition: opacity 0.2s linear;

    -webkit-animation: arrow 1.2s linear infinite;

    -moz-animation: arrow 1.2s linear infinite;

    -ms-animation: arrow 1.2s linear infinite;

    -o-animation: arrow 1.2s linear infinite;

    animation: arrow 1.2s linear infinite;

}



#hd .more.inactive {

    cursor: default;

}



#hd .more.inactive span {

    position: static;

    /*opacity:0.3;

    transition: opacity 0.2s linear;*/

}



#hd > * {

    display: block;

    position: relative;

}



#hd > ul {

 

}



#hd > ul > li {

    display: inline-block;

    width:50%;

    position: relative;

    box-sizing: border-box;

    /*height:0px;

    overflow: hidden;

    */

}



#hd .photo {

    position: relative;

    overflow: hidden;

}



#hd .photo .ratio {

    opacity: 0;

    width:100%;

    height: auto;

    position: absolute;

}



#hd .photo .items {

    position: relative;

    top:0px;

    bottom:0px;

    width:100%;

    height: 100%;

    display: block;

    white-space: nowrap;

    overflow: hidden;

}



#hd .photo .items a.item {

    position: relative;

    width:100%;

    height: 100%;

    background-size: cover;

    z-index: 0;

    display: inline-block;

}



#hd .photo .items a.item.active {

    z-index: 1;

}



#hd .photo .nav {

    position: absolute;

    bottom:0px;

    right:0px;

    height: 70px;

    width:auto;

    z-index: 3;

    text-align: center;

    color:#fff;

    overflow: hidden;

    min-width: 300px;

    white-space: nowrap;

}



#hd .photo .nav:after {

  content: '';

  position: absolute;

  width: 1100%; height: 1100%;

  top: 20px; right: -500%;

  background-color: rgba(32,39,47,0.8);

  transform-origin: 47% 0;

  transform: rotate(315deg);

  z-index: -1;

}



#hd .photo .nav > * {

    padding-left:50px;

}



#hd .photo .nav .name {

    font-size:16px;

    line-height: 100%;

    line-height: 45px;

    transition: all 0.2s linear;

}



#hd .nav .dots a {

    position: relative;

    display: inline-block;

    padding:0px 5px;

    cursor: pointer;

    line-height: 25px;

}



#hd .nav .dots a.active:before,

#hd .nav .dots a:hover:before {

    background-color: #26B5CB;

    transition: background-color 0.2s ease-out;

}



#hd .nav .dots a:before {

    content: "";

    display: block;

    width:9px;

    height: 9px;

    background-color: #FFFFFF;

    border-radius: 100%;

    transition: background-color 0.2s ease-out;

}



#hd .description {

    position: relative;

    padding: 35px 60px;

    overflow: hidden;

    background-color: #fff;

    box-sizing: border-box;

}



#hd .description .name {

    margin-bottom:10px;

}

#hd .description .name p {

    font-size: 19.21px;
font-weight: 100;
text-transform: uppercase;
color: #1F272F;
padding-top: 15px;

}



#hd .description .name a {

    font-size:38px;

    color:#20272F;

    margin-bottom:20px;

    font-weight: bold;

}



#hd .description .name a:hover {

    color: #22A3B6;

}



#hd .description .name .number {

    font-size: 21px;

    color:#999999;

    margin-left:25px;

    font-weight: bold;

}



#hd .description .price {

    font-size:19px;

    color: #999999;

    font-weight: normal;

    margin-bottom:20px;

}



#hd .description .icons > li {

    display: inline-block;

    width:100px;

    height: 32px;

    text-indent: 45px;

    background-position: left;

    background-repeat: no-repeat;

    background-size: contain;

    line-height: 32px;

    font-size:24px;

    color:#26B5CB;

    font-weight: bold;

}



#hd .description .icons > li.bed {

    background-image: url('../images/icon-bed.png');

}



#hd .description .icons > li.bath {

    background-image: url('../images/icon-bath.png');

}



#hd .description .icons > li.garage {

    background-image: url('../images/icon-garage.png');

}



#hd > ul > li > .photo .hover {

    display: block;

    position: absolute;

    top:0px;

    bottom:0px;

    overflow: hidden;

    opacity: 0;

    width: 0px;

    height: 100%;

    background-color:rgba(32,39,47,0.7);

    color:#fff;

    transition: all 0.3s ease-in-out;

    z-index: 3;

}



#hd > ul > li > .photo .hover.active.on,

#hd > ul > li > .photo .items:hover > .hover {

   opacity: 1.0;

   width: 100%;

   transition: all 0.3s ease-in-out;

}



#hd > ul > li > .photo .hover a {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width:100%;

    color:#fff;

    text-transform: uppercase;

    font-size:20px;

    font-weight: bold;

    white-space: nowrap;

}



#hd > ul > li > .photo .hover a span.icon {

    font-size: 30px;

    margin-top:-5px;

    margin-left:5px;

}



#hd .description .controls {

    height: 100%;

    width:80px;

    position: absolute;

    top:0px;

    right:0px;

}



#hd .description .controls > * {

    display: block;

    text-align: center;

    color:#fff;

    font-family: ArrrowsRegular;

    font-size: 26px;

    cursor: pointer;

    background-color: #27B5CB;

    transition: all 0.4s ease-in-out;

}



#hd .description .controls > *:hover{

    background-color: #146c7e;

    transition: all 0.2s ease-in-out;

}



#hd .description .controls > *.inactive {

    color: #1B8292;

    cursor: default;

    background-color: #22A3B6;

    padding-left:0px !important;

    padding-right:0px !important;

}



#house {

    background-color: #fff;    

}



#house .photo {

    position: relative;

    display: block

}



#house .photo ul.photos {

    width:100%;

    height: 100%;

    overflow: hidden;

    white-space: nowrap;

    position: relative;

    display: block;

    opacity:0;

}



#house .photo ul.photos li.item {

    width:100%;

    height: 100%;

    display: inline-block;

    background-size: cover;

    background-repeat: no-repeat;

}



#house .photo img.ratio {

    width:100%;

    height:auto;

    opacity: 0;

}



#house .photo .name {

    position: absolute;

    top:0px;

    right:0px;

    height: 90px;

    width:auto;

    z-index: 3;

    text-align: center;

    color:#fff;

    overflow: hidden;

    min-width: 300px;

    white-space: nowrap;

    font-size:21px;

    line-height: 90px;

    padding-left:65px;

}



#house .photo .name:after {

    content: '';

    position: absolute;

    width: 1100%; height: 1100%;

    top: 20px; right: -500%;

    background-color: rgba(51,64,87,0.7);

    transform-origin: 81% 0;

    transform: rotate(45deg);

    z-index: -1;

}



#house .photo ul.scrollMenu {

    z-index: 89;

    background-color: #fff;

    position: fixed;

    min-width:120px;

    min-height:120px;

    left:0px;

    top:0px;

    margin-left:80px;

    margin-top:300px;

    -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);

    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);

    transition: margin-top 0.2s linear;

    opacity: 0;

}



#house .photo ul.scrollMenu li.item a {

    padding:20px 17px;

    position: relative;

    display: block;

    font-size:14px;

    line-height: 14px;

    color: #999999;

    transition: all 0.2s linear;

    white-space: nowrap;

}



#house .photo ul.scrollMenu li.item.active a {

    background-color: #172738 !important;

    color:#fff;

}



#house .photo ul.scrollMenu li.back a {

    color: #26B5CB;    

}



#house .photo ul.scrollMenu li.item.active a:after {

    content: "";

    position: absolute;

    display: block;

    right:-10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 0 10px 10px;

    border-color: transparent transparent transparent #172738;

    top:50%;

    margin-top:-10px;

}



#house .photo ul.scrollMenu li.item a span {

    font-family: ArrrowsRegular;

    font-weight: normal;

    font-size:18px;

    top:2px;

    position: relative;

    display: inline-block;

    text-indent: -3px;

}



#house .photo ul.scrollMenu li.item a:hover,

#house .photo ul.scrollMenu li.item:last-child a {

    background-color: #26B5CB;

    color:#fff;

    transition: all 0.2s linear;

}



#house .photo ul.scrollMenu li.item:last-child a {

    padding:15px 10px;

    margin:10px 10px;

    font-weight: bold;

}



#house .photo ul.scrollMenu li.item:last-child a:hover {

    background-color: #172738;

    transition: all 0.2s linear;

}



#house .photo .thumb-container {

    position: absolute;

    width:200px;

    right:80px;

    height: 449px;

    margin-top:-220px;

    top:50%;

}



#house .photo .thumbs {

    display: block;

    overflow: hidden;

    height: 449px;

    z-index: 1;

    position: relative;

}



#house .photo ul.thumbs > li.item {

    margin-top:20px;

    margin-bottom:20px;

    cursor: pointer;

    border:4px solid transparent;

    transition: all 0.2s linear;

    box-sizing: border-box;

    background-size: cover;

    background-repeat: no-repeat;

}





#house .photo .thumb-container .thumb-prev,

#house .photo .thumb-container .thumb-next {

    position: absolute;

    opacity: 0;

    font-family: ArrrowsRegular;

    font-weight: normal;

    content: "U";

    width:100%;

    height: 30px;

    font-size: 26px;

    line-height: 30px;

    background-color: #26B5CB;

    color:#fff;

    text-align: center;

    cursor: pointer;

    transition: all 0.2s linear;

    z-index: 2;

}



#house .photo .thumb-container:hover .thumb-prev,

#house .photo .thumb-container:hover .thumb-next {

    opacity: 1.0;

    transition: all 0.2s linear;

}



#house .photo .thumb-container .thumb-prev:hover,

#house .photo .thumb-container .thumb-next:hover {

    background-color: #146C7E;

    transition: all 0.2s linear;

}



#house .photo .thumb-container .thumb-prev {

    top:-30px;

}



#house .photo .thumb-container .thumb-next {

    bottom:-30px;

}



#house .photo .thumb-container .thumb-prev.inactive,

#house .photo .thumb-container .thumb-next.inactive {

    background-color: #22A3B6;

    color:#1B8292;

    opacity: 0;

}



#house .photo .dots {

    position: absolute;

    width:100%;

    bottom:0px;

    text-align: center;

    margin-bottom:45px;

}



#house .photo .dots li.item {

    position: relative;

    display: inline-block;

    padding:0px 7px;

    cursor: pointer;

    line-height: 25px;

}



#house .photo .dots li.item.active:before,

#house .photo .dots li.item:hover:before {

    background-color: #26B5CB;

    transition: background-color 0.2s ease-out;

}



#house .photo .dots li.item:before {

    content: "";

    display: block;

    width:13px;

    height: 13px;

    background-color: #FFFFFF;

    border-radius: 100%;

    transition: background-color 0.2s ease-out;

}



#house .photo ul.thumbs > li.item.active,

#house .photo ul.thumbs > li.item:hover{

    border:4px solid #26B5CB;

    transition: all 0.2s linear;

}



#house .text {

    max-width: 840px;

    margin:auto;

    font-size: 16px;

    color: #999999;

    line-height: 26px;

    text-align: center;

    margin-bottom:85px;

}



#features {

    background-color: #F2F2F2;

    /*padding:40px 0px;*/

}



#features .container  {

    display: table;

    border-spacing: 70px;

    border-collapse: separate;

}



#features .container > * {

    position: relative;

    box-sizing: border-box;

    background-color: #fff;

    padding:65px;

    display: table-cell;

}



#features .left-column {

    font-size:16px;

    width:43%;

}



#features .right-column {

    

}



#features .left-column .icons {

    font-size:0px;

    margin-bottom: 70px;

}



#features .left-column .icons > li {

    display: inline-block;

    width:33%;

    height: 26px;

    text-indent: 30px;

    background-position: left;

    background-repeat: no-repeat;

    background-size: contain;

    line-height: 24px;

    font-size:21px;

    color:#26B5CB;

    font-weight: bold;

    box-sizing: border-box;

}



#features .left-column .icons > li.bed {

    background-image: url('../images/icon-bed.png');

}



#features .left-column .icons > li.bath {

    background-image: url('../images/icon-bath.png');

}



#features .left-column .icons > li.garage {

    background-image: url('../images/icon-garage.png');

}



#features .left-column h4 {

    font-size:16px;

    font-weight: bold;

    margin-bottom:10px;

}



#features .left-column ul.list {

    position: relative;

    display: block;

    margin-bottom:30px;

    overflow: hidden;

    white-space: nowrap;

    width:100%;

}



#features .left-column ul.list li.group {

    position: relative;

    display: inline-block;

    width:100%;

    white-space: normal;

    vertical-align: top;

}





#features .left-column ul.list li.group li {

    border-bottom:2px solid #F6F6F6;

    padding:10px 0px;

}



#features .left-column ul.list li.group li:last-child {

    border-bottom: none;

}



#features .left-column ul.list li.group li span {

    line-height: 24px;

    color: #20272F;

    font-size:16px;

    font-weight: normal;

    display: block;

}



#features .left-column ul.list li.group li span:last-child {

    color: #999999;

    font-weight: normal;

}



#features .left-column .nav {

    position: relative;

}



#features .left-column .nav .controls {

    font-family: ArrrowsRegular;

    font-weight: normal;

    position: absolute;

    top:0px;

    font-size: 26px;

    color: #9C9C9C;

    line-height: 16px;

    cursor: pointer;

}



#features .left-column .nav .controls:hover {

    color: #26B5CB;   

}



#features .left-column .nav .controls.inactive {

    color:#F6F6F6;

}



#features .left-column .nav .left {

    left:0px;

}



#features .left-column .nav .right {

    right:0px;

}



#features .left-column .nav .dots {

    width:100%;

    text-align: center;

}



#features .left-column .nav .dots li.item {

    position: relative;

    display: inline-block;

    padding:0px 7px;

    cursor: pointer;

    line-height: 25px;

}



#features .left-column .nav .dots li.item.active:before,

#features .left-column .nav .dots li.item:hover:before {

    background-color: #26B5CB;

    transition: background-color 0.2s ease-out;

}



#features .left-column .nav .dots li.item:before {

    content: "";

    display: block;

    width:13px;

    height: 13px;

    background-color: #F6F6F6;

    border-radius: 100%;

    transition: background-color 0.2s ease-out;

}



#features .right-column h3 {

    margin-bottom:65px;

    font-size:21px;

    font-weight: bold;

}



#features .right-column .plans {

    text-align: center;

    position: relative;

    margin-bottom:30px;

}



#features .right-column .plans img {

    opacity: 0;

    left:0px;

    top:0px;

    position: absolute;

    width:100%;

    height: auto;

    max-width: 330px;

    transition: opacity 0.2s linear;

}



#features .right-column .plans img.active {

    opacity: 1.0;

    position: relative;

    transition: opacity 0.2s linear;

}



#features .right-column .buttons {

    text-align: center;

}



#features .right-column .buttons .button {

    position: relative;

    display: inline-block;

    color: #999999;

    padding: 16px 10px;

    font-size: 14px;

    font-weight: bold;

    transition: all 0.2s linear;

    box-sizing: border-box;

    white-space: nowrap;

}



#features .right-column .buttons .download {

    background-color: #F6F6F6;

    transition: all 0.2s linear;

    margin-right:25px;

    text-align: center;

}



#features .right-column .buttons .download:hover {

    background-color: #26B5CB;

    color:#fff;

}



#features .right-column .buttons .flip {

    background-image: url('../images/icon-flip.png');

    background-position: left;

    background-repeat: no-repeat;

    text-indent: 25px;

    color:#20272F;

}



#features .right-column .buttons .flip:hover {

    color:#26B5CB;

}



#inclusions {

    /*background-color: #172738;*/

    padding-bottom:50px;

    background-image: url('../images/bg.jpg');

    background-repeat: repeat-x;

    background-color: #202831;

    background-position: top left 100%;

    background-attachment: fixed;

}



#inclusions .columns {

    display: table;

    width:100%;

    border-spacing: 70px;

    border-collapse: separate;

    margin-top:-35px;

    margin-bottom:-35px;
	text-align: center;

}



#inclusions .columns .column {

    display: table-cell;

    width:33%;

    text-align: center;

    /*padding:0px 15px;*/

}

#inclusions .columns .column.single-column { display: inline-block; width: 215px; }

#inclusions .columns .column > * {

    position: relative;

}



/*

#inclusions .columns .column:first-child {

    padding-left:0px;

    padding-right:30px;

}



#inclusions .columns .column:last-child {

    padding-left:30px;

    padding-right:0px;

}

*/



#inclusions .columns .column .logo img {

    width:100%;

    height: auto;

    margin-bottom:30px;

    transition: opacity 0.2s linear;

}



#inclusions .columns .column .logo img:hover {

    opacity: 0.75;

    transition: opacity 0.2s linear;

}





#inclusions .columns .column .pdf {

    display: block;

    background-color: #fff;

    color:#26B5CB;

    padding:17px 30px;

    text-align: center;

    width:90%;

    margin:auto;

    font-size:16px;

    text-transform: uppercase;

    box-sizing: border-box;

    font-weight: bold;

    margin-bottom:30px;

    white-space: nowrap;

    transition: all 0.2s linear;

    clear: both;

}



#inclusions .columns .column .pdf span {

    font-family: ArrrowsRegular;

    font-weight: normal;

    text-transform: lowercase;

    font-size:26px;

    line-height: 6px;

    top:3px;

    position: relative;

}



#inclusions .columns .column .pdf:hover {

    background-color: #26B5CB;

    color: #fff;

    transition: all 0.2s linear;

}



#inclusions .columns .column .more {

    display: inline-block;

    background-image: url('../images/dot-underline.png');

    background-repeat: repeat-x;

    background-position: bottom;

    padding-bottom:8px;

    text-align: center;

    font-size:16px;

    color:#26B5CB;

    box-sizing: border-box;

    transition: color 0.2s linear;

}



#inclusions .columns .column .more span {

    font-family: ArrrowsRegular;

    font-weight: bold;

}



#inclusions .columns .column .more:hover {

    color: #fff;

    transition: color 0.2s linear;

}



#display {

    padding-bottom:50px;

    background-color: #F2F2F2;

    overflow: hidden;

}



#display.container {

    overflow-y: hidden;

    overflow-x: auto;

    padding-top:40px;

}



#display .columns {

    display: table;

    border-spacing: 40px;

    border-collapse: separate;

    margin-left:-40px;

    margin-right:-40px;

    padding-right:40px;

    opacity: 0;

}



#display .columns .column {

    display: table-cell;

    /*

    padding-right: 10px;

    padding-left: 10px;

    */

}

/*

#display .columns .column:first-child {

    padding-right: 30px;

    padding-left: 0px;

}



#display .columns .column:last-child {

    padding-right: 0px;

    padding-left: 30px;

}

*/

#display .columns .column > * {

    background-color: #fff;

    font-size:16px;

    text-align: center;

}



#display .columns .column .photo img {

    width:100%;

    height: auto;

    transition: opacity 0.2s linear;

    min-width:270px;

}



#display .columns .column:hover .photo img {

    opacity: 0.75;

    transition: opacity 0.2s linear;

}



#display .description {

    padding:45px 45px 30px 45px; 

}



#display .description .name {

    font-weight: bold;

    font-size:21px;

    color:#20272F;

    margin-bottom:30px;

    white-space: nowrap;

}



#display .description .text {

    margin-bottom:20px;    

}



#display .description .text span {

    display: block;

    max-width: 180px;

    margin: auto;

    line-height: 26px;

}



#display .description .text span:first-child {

    font-size:18px;

    color:#20272F;

    margin-bottom:5px;

}



#display .description .text span:last-child {

    font-size:16px;

    color: #999999;

}



.collectionItem {

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    opacity:0;

}



.collectionItem .normal {

    display: block;

}



.collectionItem .simple {

    display: none;

}



.collectionItem .normal .container {

    padding-top:75px;

    padding-bottom:75px;

}



.collectionItem .normal .bg {

    top:0px;

    opacity: 0.25;

    background-repeat: repeat;

    position: absolute;

    width:100%;

    height: 100%;

}



.collectionItem .description {

    position: relative;

    display: inline-block;

    font-size:0px;

    background-color: #F2F2F2;

    padding: 55px 40px;

    /*width:25%;*/

    width:40%;

    max-width:400px;

    box-sizing: border-box;

    text-align: left;

}



.collectionItem .description .price {

    font-size:24px;

    color:#20272F;

    font-weight: bold;

    margin-bottom:40px;

}



.collectionItem .description .text.color {

    font-size:24px;

    color:#26B5CB;

    font-weight: normal;

    margin-bottom:35px;

    line-height: 32px;

}



.collectionItem .description .text {

    

}



.collectionItem .description .text p {

    display:block;

    font-size:16px;

    color:#AFAFAF;

    margin-bottom:45px;

    line-height: 26px;

}



.collectionItem .description .text p strong {

    font-size:18px;

    color: #20272F;

    font-weight: bold;

    display: block;

    margin-bottom:10px;

}



.collectionItem .buttons {

    position: relative;

    display: inline-block;

    top:0px;

    right:0px;

    float:right;

    height: 100%;

    min-width: 260px;

    text-align: right;

}



.collectionItem .buttons > * {

    clear:both;

    display: block;

}





.collectionItem .normal .buttons .logo img {

    margin-bottom:40px;

    float:right;

}



.collectionItem .buttons .button {

    font-size:19px;

    padding:25px 25px;

    width:100%;

    max-width:260px;

    transition: all 0.2s linear;

    text-align: center;

    margin-bottom:25px;

    box-sizing: border-box;

    float:right;

    white-space: nowrap;

    font-weight: bold;

}



.collectionItem .buttons .button:hover {

    transition: all 0.2s linear;

}



.collectionItem .buttons .button.black {

    background-color: #20272F;

    color:#FFFFFF;

}



.collectionItem .buttons .button.black:hover {

    background-color: #26B5CB;

}



.collectionItem .buttons .button.white {

    background-color: #FFFFFF;

    color:#26B5CB;

}



.collectionItem .buttons .button.white:hover {

    color:#fff;

    background-color: #26B5CB;

}



/*

#choice {

    background-image: url('../images/photo-choice.jpg');

}



#choice .normal .bg {

    background-image: url('../images/bg-choice.png');

}



#liberty {

    background-image: url('../images/photo-liberty.jpg');

}



#liberty .normal .bg {

    background-image: url('../images/bg-liberty.png');

}



#elegance {

    background-image: url('../images/photo-elegance.jpg');

}



#elegance .normal .bg {

    background-image: url('../images/bg-elegance.png');

}

*/



.collectionItem.right {

    text-align: right;

}



.collectionItem.right .buttons {

    float:left;

}



.collectionItem.right .buttons .logo img {

    float:left;

}



.collectionItem.right .buttons .button {

    float:left;

}



#about {

    background-image: url('../images/photo-about.jpg');

}



#map {

    display: block;

    width: 100%;

    height: 360px;

    position: relative;

    border-bottom: 70px solid #F2F2F2;

}



#map > * {

    opacity:1;

}



#map.inactive:after {

    content: "";

    position: absolute;

    top:0px;

    width:100%;

    height: 360px;

    background-image: url('../images/spinner32.gif');

    background-repeat: no-repeat;

    background-position: center;

    background-color: #F2F2F2;

    

}



#contact {

    background-image: url('../images/photo-contact.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    opacity:0;

}



#contact .container {

    padding-top:10%;

    padding-bottom:10%;

}





#contact .container .columns {

    display: table;

    position: relative;

    margin:auto;

    border-spacing: 40px;

    border-collapse: separate;

}



#contact .container .columns .column {

    position: relative;

    display: table-cell;

    background-color: #F2F2F2;

    padding:40px;

    width:50%;

    max-width:320px;

}



#contact h2 {

    font-size:21px;

    color:#26B5CB;

    font-weight: bold;

    margin-bottom:30px;

}



#contact form {

    font-size:0px;

    box-sizing: border-box;

}



#contact form div.input {

    display: inline-block;

    white-space: nowrap;

    width:100%;

    box-sizing: border-box;

}



#contact form div.input.firstname,

#contact form div.input.email {

    width:50%;

    position: relative;

}



#contact form input,

#contact form textarea {

    border:0px;

    font-size:16px;

    box-sizing: border-box;

    padding:0px 15px;

    line-height: 60px;

    position: relative;

} 



#contact form .input.firstname input[name=firstname] {

    width:100%;

    border-right:12px solid #F2F2F2;

    margin-bottom:20px;



}



#contact form .input.email input[name=email] {

    width:100%;

    border-left:12px solid #F2F2F2;

    margin-bottom:20px;

}



#contact span.required {

    display: block;

    width:auto;

    position: absolute;

    font-size:24px;

    top:0px;

    z-index: 1;

    font-weight: bold;

    color:#9E9E9E;

}



#contact form .input.firstname span.required {

    right:-4px;

}



#contact form .input.email span.required {

    right:-15px;

}



#contact form .input.verify span.required {

    left:112px;

}



#contact form .input.message textarea {

    margin-bottom:20px;

    width:100%;

    height: 120px;

}



#contact form .input.verify {

    width:50%;

    position: relative;

}



#contact form .input.verify input[name=number] {

    width:50px;

    line-height: 50px;

    padding:0px 5px;

    text-align: center;

    font-size:16px;

}





#contact form .input.submit {

    position: relative;

    width:50%;

    line-height: 50px;

    color:#fff;

    font-weight: bold;

    font-size:21px;

    height: 50px;

    float:right;

    border-left:12px solid #F2F2F2;

    transition: all 0.2s linear;

    background-color: #26B5CB;

}



#contact form .input.submit:hover {

    background-color: #172738;

    transition: all 0.2s linear;

}



#contact form .input.submit input[type=submit] {

    line-height: 50px;

    background-color: transparent;

    width:100%;

    color:#fff;

    font-weight: bold;

    font-size:21px;

    text-indent: -20px;

    top:0px;

    position: absolute;

}



#contact form .input.submit:before {

    content: "t";

    position: absolute;

    display: block;

    font-family: ArrrowsRegular;

    font-weight: normal;

    position: absolute;

    font-size:24px;

    right:30px;

    width: auto;

}



#contact label {

    font-size:16px;

    margin-right:10px;

    color:#999999;

}



#contact p {

    line-height: 26px;

    font-size:16px;

    margin-bottom:25px;

    color:#999999;

}



#contact p strong {

    display: block;

    font-size:18px;

    color:#20272F;

}



#contact p a {

    color:#999999;

    transition: color 0.2s linear;

}



#contact p a:hover {

    color:#26B5CB;

    transition: color 0.2s linear;

}



#contact p:last-child {

    margin-bottom:0px;

}



#contact .wpcf7-not-valid {

    background-color: #fff4f4;



}



#contact .wpcf7-not-valid::-webkit-input-placeholder {

    color:red;

}



#contact .wpcf7-not-valid-tip,

/*#contact .wpcf7-response-output */{

    display:none !important;

}

#contact .ajax-loader {

    margin-left: -24px;

    margin-bottom: 7px;

}



.wpcf7-response-output {

    display: flex;

    position: responsive;

    top: 0px;

    bottom: 0px;

    right: 0px;

    font-size: 14px;

    box-sizing: border-box;

    left: 0px;

    padding: 40px;

    background-color: #bebebe;

    color: #fff;

    line-height: 22px;

    vertical-align: middle;

    justify-content: center;

    align-items: center;

    margin: 20px 0px 0px 0px !important;

    box-sizing: border-box;

    border:0px !important;

    padding:10px !important;

}



.wpcf7-response-output.wpcf7-display-none {

    display: none;

}



/*

div.wpcf7 .screen-reader-response {

    position: absolute;

    clip: auto;

    display: block;

    font-size: 11px;

    top: 30px;

    background-color: #F2F2F2;

    line-height: 14px;

    height: 40px;

    width: 80%;

}

*/



#generic {

    background-color: #fff;

}



.justtext {

    color:#26B5CB;

    font-size:24px;

    line-height: 38px;

    max-width:1000px !important;

    padding-top:100px;

    padding-bottom:100px;

    text-align: center;

}



@media only screen and (min-width: 1441px) {

    

    #main {

        background-image: url('../images/bg.jpg');

        background-repeat: repeat-x;

        background-position: top left 100%;

        background-attachment: fixed;

    }

    

    header {

        background-image: url('../images/bg.jpg');

        background-repeat: repeat-x;

        background-color: #202831;

        background-position: top left 100%;

        background-attachment: fixed;

    }

    

}



@media only screen and (max-width: 1440px) {



    header {

        background-image: url('../images/bg-header.png');

        background-repeat: no-repeat;

        background-color: #202831;

        background-position: top right;

    }

    

    #testmonials {

        background-image: url('../images/bg-testimonials.png');

        background-repeat: no-repeat;

    }

    

}





@media only screen and (min-width: 1025px) {

    .mobile, .tablet {

        display: none  !important;

    }

    .desktop {

       display: inline-block  !important;

    }

    .desktop.table {

       display: table !important;

    }

    

    body.single #display .columns {

        margin-left:160px;

    }



}



@media only screen and (max-width: 1024px) {

    

    .desktop, .mobile {

       display: none;

    }

    

    .tablet {

        display: inline-block;

    }

    

    .tablet.table {

       display: table;

    }

    

    .hover {

        display: none !important;

    }



    header {

        background-size: 100% 58px;

    }

    header .container {

        padding-left:40px;

        padding-right:40px;

    }

    header .container > * {

        height: 58px;

    }

    header #logo img {

        height: 36px;;

    }

    #menu {

        display: none;

    }

    #mobilemenu {

        display: block;

    }

    #openmobile {

        display: table-cell;

    }

    

    #content {

        padding-top:58px;

    }

     

    #content .container {

        padding-left: 40px;

        padding-right: 40px;

    }

    

    .container.c840 {

        margin: 0px auto 0px auto !important;

    }

    

    .title {

        padding-top: 45px;

        padding-bottom: 35px;

    }

    

    .title h2 {

        font-size: 22px;

        line-height: 34px;

    }

    .title.style-1 a,

    .title.style-3 a {

        font-size:12px;

        padding-bottom:3px;

    }

    

    .title.style-4 {

        padding-top: 25px;

        padding-bottom: 25px;

    }
	
	.title.title-house-land .title-image { height: 105px; width: auto; top: 57px; }
	.title.title-house-land h1 { padding-left: 90px; }
	.title.title-house-land.style-4 p { font-size: 14px; padding-left: 90px; }

    .title.style-4 h1 {

        font-size: 22px;

    }

    /*
	
	#content .filter-form * { color: #000; display: block; height: auto; font-size: 100%; }
#content .filter-form { background: #fff; padding-bottom: 40px; padding-top: 40px; }
#content .filter-form h2 { display: block; font-size: 28px; line-height: 2em; padding-left: 0px; }
#content .filter-form p { display: block; font-size: 19px; line-height: 1.2em; padding-left: 0px; }

#content .filter-form fieldset { display: inline-block; vertical-align: top; margin-right: 75px; }

#content .filter-form div.radio { display: inline-block; vertical-align: top; }
#content .filter-form label.radio { cursor: pointer; font-size: 15px; line-height: 41px; margin-right: 0px; margin-top: 16px; position: relative; padding-left: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#content .filter-form label.radio input { cursor: pointer; opacity: 0; position: absolute; }
#content .filter-form label.radio .checkmark { background-color: #26B5CB; color: #fff; font-size: 13.07px; height: 41px; padding: 0px 30px; text-transform: uppercase; }
#content .filter-form label.radio input:checked ~ .checkmark { background-color: #20272F; }

#content .filter-form .radio-choice label.radio .checkmark,
#content .filter-form .radio-liberty label.radio .checkmark { font-size: 0px; height: 63px; padding: 0px; -webkit-transition: opacity 0.30s ease-in-out; -moz-transition: opacity 0.30s ease-in-out; -ms-transition: opacity 0.30s ease-in-out; -o-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out; }

#content .filter-form div.radio-choice { margin-left: 12px; width: 63px; margin-right: 12px; position: relative; top: -10px; }
#content .filter-form div.radio-liberty { width: 151px; position: relative; top: -7px; }

#content .filter-form .radio-choice label.radio,
#content .filter-form .radio-liberty label.radio { font-size: 0px; }

#content .filter-form .radio-choice label.radio .checkmark { background-color: transparent; background: url('../images/title-choice.png'); background-repeat: no-repeat; background-position: left top; background-size: auto 100%; }
#content .filter-form .radio-liberty label.radio .checkmark { background-color: transparent; background: url('../images/title-liberty.png'); background-repeat: no-repeat; background-position: left top; }

#content .filter-form .radio-choice label.radio input:checked ~ .checkmark,
#content .filter-form .radio-liberty label.radio input:checked ~ .checkmark { background-color: transparent; font-size: 0px; opacity: 0.75;  }

	*/
	#content .filter-form { padding-bottom: 40px; padding-top: 20px; }
	#content .filter-form h2 { font-size: 18px; padding-left: 0px; }
	#content .filter-form p { font-size: 14px; padding-left: 0px; }
	#content .filter-form fieldset {  margin-right: 30px; }
	
	#content .filter-form label.radio { font-size: 11.8px; line-height: 37px; margin-right: 0px; margin-top: 16px; position: relative; padding-left: 0px; }
	#content .filter-form label.radio .checkmark { font-size: 11.8px; height: 37px; padding: 0px 15px; }
	
	#content .filter-form div.radio-choice { margin-left: 8px; width: 54px; margin-right: 8px; position: relative; top: -10px; }
	#content .filter-form div.radio-liberty { width: 130px; position: relative; top: -7px; }
	
	
	

    .title.style-5 h1 {

        font-size: 22px;

    }

    

    .title.style-5 {

        padding-top: 35px;

        padding-bottom: 25px;

    }



    .title.style-6 {

        padding-top: 40px;

        padding-bottom: 0px;

    }

    

    .title.style-6 > * {

        font-size: 22px;

    }

    

    .title.style-7 {

        background-color: #F2F2F2;

        padding-top: 40px;

        padding-bottom: 10px;

    }



    #slider .description {

        height: 140px;

    }

    

    #slider .description .text {

        padding: 30px;

    }

    

    #slider .description .text h3 {

        font-size:21px;

        line-height: 26px;

    }
	
	

    

    #slider .description .text p {

        font-size:10px;

        line-height: 15px;

    }

    #slider .description .controls {

        width:40px;

    }

    

    #slider .description .controls > * {

        font-size: 16px;

    }

    

    #scroller > ul > li > .name {

        margin-bottom: 10%;

    }

    

    #scroller > ul > li > .name > * {

        display: block;    

    }

    

    

    #scroller > ul > li > .name > h5 a {

        font-size: 16px;

    }

    

    

    #scroller > ul > li .description {

        font-size: 12px;

        margin: 6px auto 8px auto;

    }

    

    #scroller > ul > li .name > ul.icons > li {

        font-size:10px;

        height: 16px;

        text-indent: 20px;

        width:34px;

        line-height: 17px;

    }

    

    #scroller > ul > li > .hover a { 

        font-size:14px;

    }

    

        

    #scroller > ul > li > .hover a span { 

        font-size:20px;

    }

    

    #collections {

        padding-bottom: 45px;    

    }

    

    #collections .content {

        margin:12px;

        padding-top:20px;

    }

    

    



    #collections .description {

        font-size:11px;

        line-height: 16px;

        padding-top:10px;

        padding-bottom:10px;

    }

    

    #collections > * {

        border-left:5px solid #FFFFFF;

        border-right:5px solid #FFFFFF;

    }

    

    #collections > *:first-child {

        border-left:0px solid #FFFFFF;

        border-right:15px solid #FFFFFF;

    }

    

    #collections > *:last-child {

        border-left:15px solid #FFFFFF;

        border-right:0px solid #FFFFFF;

    }

    

    #collections .price {

        font-size: 12px;

        padding: 0px 13%;

        box-sizing: border-box;

        line-height: 16px;

    }

    

    #collections .item .hover a {

        font-size: 14px;

    }

    

    #collections .item .hover a span {

        font-size: 20px;

    }

    

    #testmonials {

        padding: 50px 0px;

    }

    

    #testmonials .container {

        width:70%;

    }



    #testmonials .quote {

        height: 8px;

    }

    

    #testmonials ul.items {

        white-space: nowrap;

        margin-bottom: 15px;

        margin-top: 15px;

    }

    

    #testmonials ul.items li .description {

        font-size:15px;

        line-height: 24px;

        margin-bottom: 15px;

    }

    

    #testmonials .author {

        font-size:10px;

    }

    

    #testmonials ul.nav li:before {

        width:7px;

        height: 7px;

    }

    

    #team {

        padding-bottom: 30px;

    }

    

    #team > *.container {

        padding-bottom: 30px;

    }

    

    #team > *.container > *:nth-child(1) {

        padding-left:0px;

        padding-right:15px;

    }

    

    #team > *.container > *:nth-child(2) {

        padding-left:5px;

        padding-right:10px;

    }

    

    #team > *.container > *:nth-child(3) {

        padding-left:10px;

        padding-right:5px;

    }

    

    #team > *.container > *:nth-child(4) {

        padding-left:15px;

        padding-right:0px;

    }

    

    #team .name {

        margin-top: 10px;    

    }

    

    #team .name a {

        font-size: 13px;

    }

    

    #team .function {

        font-size:10px;

        line-height: 16px;

        margin-top:0px;

    }

    

    #team .description {

        font-size:10px;

        line-height: 16px;

        margin-top:10px;

    }



    footer {

        padding-top:20px;

        padding-bottom:20px;

    }



    footer .columns h4 {

        font-size:14px;

        margin-bottom:7px;

    }

    

    footer .columns p {

        margin-bottom:10px;

    }



    footer .columns p,

    footer .columns a {

        font-size:10px;

        line-height: 14px;

    }

    

    footer .social {

        position: absolute;

        top:75px;

        left:175px;

        display: block;

        width:60px;

        height: 30px;

        white-space: nowrap;

    }

    

    footer .social a {

        margin-right:10px;

        position: relative;

    }

    

    footer .social a img {

        width: 25px;

    }



    footer hr {

        margin-top:15px;

    }

    

    footer .lastline {

        font-size:9px;

    }

    

    footer .lastline {

        height: 35px;

        padding-top:0px;

    }

    

    footer .lastline > *,

    footer .lastline > * > * {

        line-height: 35px;

    }

    

    footer .jtb {

        background-position: 0px 15px;

        background-size: 50px;

    }

    

    /* HD */

    

    #hd .photo .nav {

        height: 36px;

        min-width: 180px;

    }

    

    #hd .photo .nav .name {

        font-size: 10px;

        line-height: 22px;

    }

    

    #hd .nav .dots a {

        padding: 0px 3px;

    }

    

    #hd .nav .dots a:before {

        width:5px;

        height: 5px;

    }

    

    #hd .description {

        padding: 18px 40px;

    }

    

    #hd .description .name {

        margin-bottom:10px;

    }

    

    #hd .description .name a {

        font-size: 22px;

    }

    

    #hd .description .name .number {

        font-size: 16px;

        margin-left:16px;

    }



    #hd .description .price {

        font-size:12px;

        margin-bottom:10px;

    }

    

    #hd .description .icons > li {

        font-size:13px;

        height: 16px;

        width: 60px;

        text-indent: 22px;

        line-height: 17px;

    }

    

    #hd .description .controls {

        width:40px;

    }

    

    #hd .description .controls > * {

        font-size:12px;

    }

    

    #house .photo .thumb-container {

        display: none;

    }

    

    #house ul.scrollMenu {

        display: none;

    }

    

    #house .photo .name {

        font-size:14px;

        line-height: 50px;

        height: 50px;

        min-width: 200px;

        padding-left: 80px;

    }

    

    #house .photo .name:after {

        right: -400%;

    }

    

    #house .photo .dots {

        margin-bottom:20px;    

    }

    

    #house .photo .dots li.item:before {

        width: 10px;

        height: 10px;

    }

    

    #house .text {

        font-size:11px;

        line-height: 14px;

        max-width: 450px;

        margin-left:auto;

        margin-right:auto;

        margin-bottom:65px;

    }

    

    #features {

        padding: 5px 0px;

    }

    

    #features .container  {

        border-spacing: 35px;

        margin-bottom:0px;

    }



    #features .container > * {

        padding:45px;

    }

    

    #features .right-column h3 {

        font-size:14px;

        margin-bottom:45px;

    }

    

    #features .left-column h4 {

        margin-bottom:5px;

    }

    

    #features .left-column .icons {

        margin-bottom: 45px;

    }



    #features .left-column .icons > li {

        font-size:14px;

        text-indent: 24px;

        height: 20px;

        line-height: 20px;

    }

    

    #features .left-column ul.list {

        margin-bottom:15px;

    }

    

    #features .left-column ul.list li.group li span,

    #features .left-column h4 {

        font-size: 11px;

        line-height: 18px;

    }

    

    #features .left-column ul.list li.group li {

        padding: 7px 0px;

        border-bottom-width: 1px;

    }

    

    #features .left-column .nav .dots li.item {

        padding: 0px 5px;

    }



    #features .left-column .nav .dots li.item:before {

        width: 9px;

        height: 9px;

    }

    

    #features .left-column .nav .controls {

        font-size: 18px;

        line-height: 20px;

    }

    #features .right-column .buttons .button {

        font-size:10px;

        padding: 10px 15px;

    }

    

    #features .right-column .buttons .download {

        margin-right:10px;

    }

    

    #inclusions {

        background-color: #172738;

        padding-bottom: 40px;

    }



    #inclusions .columns {

        border-spacing: 35px;

        margin-bottom:0px;

    }

    

    #inclusions .columns .column .logo img {

        margin-bottom:15px;   

    }

    

    #inclusions .columns .column .pdf {

        font-size:11px;

        padding: 10px 20px;

        margin-bottom: 20px;

        width: 100%;

        max-width:160px;

    }

    

    #inclusions .columns .column .pdf span {

        font-size: 16px;

        line-height: 11px;

    }

    

    #inclusions .columns .column .more {

        font-size:11px;

        padding-bottom: 6px;

    }

    

    #inclusions .columns .column .more span {

        font-size: 9px;    

    }

    

    #display .columns {

        border-spacing: 30px;

        margin-left:0px;

        margin-right:-30px;

    }



    /* test */

    #display.container {

        padding-bottom:10px;

        /*overflow: scroll;*/

        padding-left:30px;

        padding-right:0px;

    }

    

    .collectionItem .normal .container {

        padding-top:0px;

        padding-bottom:0px;

        padding-left:0px !important;

        padding-right:0px !important;

    }

    

    .collectionItem .container .buttons {

        padding:40px;

    }

    

    .collectionItem .normal .buttons .logo img {

        max-width:230px;

        margin-bottom: 30px;

    }

    

    .collectionItem .buttons .button {

        font-size:11px;

        padding:15px 35px;

        max-width: 160px;

        margin-bottom: 15px;

    }

    

    .collectionItem .description {

        padding:40px;

        z-index: 1;

    }

    

    .collectionItem .description .price {

        margin-bottom:30px;

        font-size:17px;

    }

    

    .collectionItem .description .text.color {

        margin-bottom:30px;

        font-size:17px;

        line-height: 22px;

    }

    

    .collectionItem .description .text p {

        font-size:12px;

        line-height: 20px;

        margin-bottom:30px;

    }

    

    .collectionItem .description .text p strong {

        font-size:15px;

        margin-bottom:5px;

    }

    

    #contact .container {

        padding-left: 0px;

        padding-right: 0px;

        padding-top: 30px;

        padding-bottom: 30px;

    }



    #contact h2 {

        font-size: 17px;

        margin-bottom: 25px;

    }

    

    #contact .container .columns .column {

        padding: 35px;

    }

    

    #contact p strong {

        font-size: 15px;

        line-height: 20px;

    }

    

    #contact p {

        font-size: 13px;

        margin-bottom:20px;

    }

    

    #contact form input,

    #contact form textarea {

        font-size:13px;

        line-height: 50px;

    }



    #contact form .input.submit input[type=submit],

    #contact form .input.submit,

    #contact form .input.verify input[name=number] {

        height: 40px;

        line-height: 40px;

    }

    

    #contact form .input.verify input[name=number] {

        width: 40px;

    }



    #contact form .input.submit input[type=submit] {

        font-size:17px;

    }



    #contact form .input.submit:before {

        font-size: 20px;

        right: 15%;

    }

    

    .justtext {

        font-size: 20px;

        line-height: 28px;

        padding-top: 70px;

        padding-bottom: 70px;

    }

}



@media only screen and (max-width: 768px) {
	
	

    #mobilemenu ul {

        padding-left:10%;

    }

    

    #mobilemenu .background .topleft {

        height: 70%;

        width: 40%;

    }

    #mobilemenu .background .topright {

        height: 70%;

        width: 60%;

        right:0px;

        top:0px;

    }

    #mobilemenu .background .bottomleft {

        height: 30%;

        width:40%;

    }

    #mobilemenu .background .bottomright {

        height: 30%;

        width:60%;

    }

    #mobilemenu a {

        line-height: 80px;

    }

    

    #slider .description {

        width:65%;

    }

    

    footer .social {

        top:25px;

        left:95px;

    }

    

    #inclusions .columns .column .pdf {

        font-size: 11px;

        padding: 10px 10px;

    }

    

    #map-canvas {

        border-bottom: 40px solid #F2F2F2;

    }

    

    #contact .container {

        padding-left: 0px !important;

        padding-right: 0px !important;

        padding-top: 25px;

        padding-bottom: 25px;

    }

    

    #contact .container .columns {

        display: block;

        width: 100%;

    }

    

    #contact .container .columns .column {

        display: block;

       /*width: 100%;*/

        margin-bottom:25px;

        margin-left:auto;

        margin-right:auto;

        min-width: 250px;

    }

    

    #contact h2 {

        font-size:21px;

    }

    

    #contact p strong {

        font-size:18px;

        margin-bottom:10px;

    }

    

    #contact p {

        font-size:14px;

        line-height: 28px;

    }

    

    #contact form .input.firstname,

    #contact form .input.email {

        width: 100%;

    }

    

    #contact form .input.firstname span.required {

        right:-15px;

    }

    

    #contact form .input.firstname,

    #contact form .input.email,

    #contact form .input.message {

        font-size:15px;

        width:100% !important;

        line-height:55px;

    }

    

    #contact form .input.firstname input,

    #contact form .input.email input,

    #contact form .input.message textarea {

        border:none !important;

    }

    

    #contact form .input.verify input[name=number] {

        width:50px !important;

    }

    

    #contact form .input.submit input[type=submit],

    #contact form .input.submit,

    #contact form .input.verify input[name=number] {

        height: 45px;

        line-height: 45px;

    }

    

    #contact form .input.submit input[type=submit] {

        font-size:19px;

    }



    #contact form .input.submit:before {

        font-size: 24px;

        right: 15%;

    }

}



@media only screen and (max-height: 600px) {

    #mobilemenu ul {

        margin-top:5%;

    }

    #mobilemenu a {

        line-height: 60px;

        font-size: 17px;

    }

}



@media only screen and (max-width: 600px) {
	
	#inclusions .columns .column.single-column { width: 100%; } 
	
	.title.style-4 h1 { word-wrap: break-word; white-space: normal; }
	
	#content .filter-form { padding-bottom: 0px; padding-right: 0px !important; }
	#content .filter-form fieldset { display: block; padding-bottom: 20px; }
	#content .filter-form label.radio .checkmark {
		font-size: 10.8px;
	}
	#content .filter-form div.radio-choice { margin-left: 2px; margin-right: 2px; }

    .lazy, #slider, #scroller, #collections {

        /*background-image: url('../images/spinner32.gif');*/

    }

    

    .desktop, .tablet {

       display: none !important;

    }

    

    .mobile {

        display: inline-block !important;

    }

    

    .mobile .table {

       display: table !important;

    }

    

    header .container {

        padding:0px 18px;

    }

    

    footer .container {

        padding:0px 40px;

    }

    

    #content .container {

        padding-left: 30px;

        padding-right: 30px;

        /*

        padding-top: 35px;

        padding-bottom: 35px;

        */

    }

        

    .container.c840 {

        padding:0px !important;

    }

    

    .title.style-6 {

        padding-top:45px;

        padding-bottom:45px;

    }

    

    .pdf .mobile {

        margin-right:4px;

    }

    

    #mobilemenu ul {

        /*margin-top:0px;*/

        padding-left:0%;

    }

    #mobilemenu ul li {

        width: 50%;

        float: left;

        padding-left:10%;

        box-sizing: border-box;

    }

    #mobilemenu ul li:nth-child(odd) {

        margin-right:0px;

    }

    #mobilemenu a {

        line-height: 60px;

        font-size: 17px;

    }

    #closemobile {

        width:58px;

        background-image: url('../images/icon-close2.png');

    }

    

    #slider .description {

        position: relative;

        width:100%;

        height: 130px;

        margin-top:130px;

    }



    #slider .description .text {

        padding: 30px 15px 30px 30px;

        opacity: 0.90;

    }

    

    #slider .description .text h3 {

        font-size:26px;

        line-height: 32px;

    }

    

    #slider .description .text p {

        display: none

    }

    

    #slider .description .controls {

        width:35px;

    }

    

    #scroller .hover {

        display: none !important;

    }

    

    /*

    #scroller {

        width: 500px;

    }

    

    #scroller > ul > li img {

        min-width: 250px;

    }

    */

    

    #collections {

        padding: 0px !important;    

    }

    

    #collections > * {

        border-left:0px !important;

        border-right:0px !important;

        display: block;

        width:100%;

        margin:0px;

        

        box-sizing: border-box;

    }

    

    #collections .content {

        background-color: transparent;

        margin:0px;

        padding:0px;

    }

    

    #collections .description,

    #collections .price,

    #collections .hover {

        display: none;

    }

    

    #collections .logo {

       max-height: 170px;

    }

    

    

    #collections .hover {

        display: none !important;

    }

    

    



    #testmonials .container {

        width:80%;

        padding-left: 30px;

        padding-right: 30px;

        padding-top: 0px;

        padding-bottom: 0px;

    }



    footer {

        padding-bottom:25px;

    }

    

    footer .columns {

        display: block;

        width:100%;

    }

    

    footer .columns > * {

        display: block;

        width:100%;

        padding-right: 0px;

        margin-bottom:30px;

    }

    

    footer .columns > *:first-child {

        margin-bottom:45px;

    }

    

    footer .columns h4 {

        font-size:16px;

        margin-bottom:11px;

    }

    

    footer .columns p,

    footer .columns a {

        font-size:12px;

        line-height: 16px;

    }



    footer .social {

        top:30px;

        left:120px;

    }

    

    footer .lastline  {

        margin-top:14px;

    }

    

    footer .lastline > p:first-child {

        display: block;

    }



    footer .lastline > span {

       display: none;

    }

    

    footer .lastline {

        height: 26px;

    }

    

    footer .lastline > *,

    footer .lastline > * > * {

        line-height: 26px;

    }

    

    footer .jtb {

        height: 26px;

        background-size: 51px 17px ;

        background-position: top;

        background-position: 0px 9px;

        width:51px;

    }

    

    #hd > ul > li {

        width:100%;

    }

    

    #house .text {

        margin-left: 10%;

        margin-right: 10%;

    }

    

    #house .photo .name {

        top: auto;

        bottom:0px;

        padding-left: 0px;

        width:100%;

        background-color: #25272A;

        line-height: 40px;

        height: 40px;

        

        font-size: 14px;



        min-width: inherit;

        

    }

    

    #house .photo .dots {

        bottom:40px !important;

        

    }

    

    #features {

        padding: 3px 0px 0px 0px;

    }



    #features .container {

        border-spacing: 0px;

        display: block;

    }

    

    #features .container > * {

        width:100%;

        display: block;

    }

    

    #features .left-column {

        border-bottom:3px solid #F2F2F2;

    }

    

    #features .left-column ul.list li.group li {

        padding:10px 0px;

    }

    

    #features .left-column ul.list li.group li span,

    #features .left-column h4 {

        font-size: 15px;

        line-height: 22px;

    }



    #features .left-column .icons > li {

        width:65px;

        font-size: 19px;

        text-indent: 30px;

        height: 24px;

        line-height: 24px;

    }



    #features .left-column .nav .dots li.item:before {

        width: 12px;

        height: 12px;

    }

    

    #features .left-column .nav .controls {

        font-size: 26px;

        line-height: 15px;

    }

        

    #features .right-column h3 {

        font-size: 22px;

        text-align: center;

    }



    #features .right-column .buttons .button {

        font-size: 12px;

        padding: 15px 10px;

        margin: 0px 10px;

    }



    #inclusions .columns {

        border-spacing: 0px;

        margin-top:0px;

        display: block;

    }

    

    #inclusions .columns .column {

        display: block;

        width:100%;

    }

    

    #inclusions .columns .column .pdf {

        width:100%;

        max-width: none;

        font-size:12px;

        line-height: 30px;

        margin-bottom: 0px;

    }

    

    #inclusions .columns .column .pdf span{

        display: none;

    }

    

    #inclusions .columns .column .more {

        display:none;

    }

    

    #inclusions {

        padding-bottom: 0px;

    }

    

    #inclusions .columns .column .logo {

        display:block;

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

    }

    

    #inclusions .columns .column .logo img {

        margin-bottom: 0px;

        width: 50%;

    }

    

    #inclusions .columns .column .logo.choice {

        background-image: url('../images/bg-choice.png');

    }

    

    #inclusions .columns .column .logo.liberty {

        background-image: url('../images/bg-liberty.png');

    }

    

    #inclusions .columns .column .logo.ascend {

        background-image: url('../images/bg-ascend.png');

    }

    

    #display {

        padding-left: 50px !important;

        padding-right: 50px !important;

    }

    

    #display.container {

        overflow: visible;

        padding-top: 35px;

        padding-bottom: 35px;

    }

    

    #display .columns {

        display: block;

        width:100% !important;

        margin-left: 0px;

        margin-right: 0px;

    }

    

    #display .columns .column {

        display: block;

        width:100% !important;

        box-sizing: border-box;

        margin:auto;

        margin-bottom:50px;

    }

    

    #display .columns .column:last-child {

        margin-bottom:30px;

    }



    #display .columns .column .photo img {

        min-width:  inherit;

    }



    #display .description {

        padding: 30px;

    }

    

    #display .description > *:last-child {

        margin-bottom:0px;

    }



    #display .description .name {

        font-size:15px

    }

    

    #display .description .text span {

        line-height: 18px;

    }

    

    #display .description .text span:first-child {

        font-size:12px;

        margin-bottom:0px;

        font-weight: bold;  

    }

    

    #display .description .text span:last-child {

        font-size:11px;

    }



    .collectionItem {

        background-image: none !important;

    }

    

    .collectionItem .normal {

        display: none;

    }

    

    .collectionItem .simple {

        display: block;

        text-align: center;

    }



    .collectionItem .simple .description {

        display: block;

        width:100%;

        max-width: none;

        padding:55px 65px;

    }

    

    .collectionItem .simple .buttons {

        display: block;

        margin-top:65px;

        float: none;

        text-align: center;

        width:100%;

        min-width: inherit;

        box-sizing: border-box;

    }

    

    .collectionItem .simple .buttons > * {

        float:none !important;

        display:block;

        clear: both;

        margin-left:auto;

        margin-right:auto;

        font-size:15px;

        padding:20px 20px;

        max-width: 200px;;

        margin-bottom:20px;

    }

    

    .collectionItem .simple .buttons > *:last-child {

        margin-bottom:10px;

    }

    

    .collectionItem .simple .logo {

        padding:50px 0px;

        position: relative;

        z-index: 1;

        height: 170px;

        box-sizing: border-box;

    }

    

    .collectionItem .simple .logo .img {

        position: absolute;

        top:0px;

        height: 100%;

        width:100%;

        background-repeat: no-repeat;

        background-position: center;

        background-size: contain;

        margin:auto;

    }

    

    .collectionItem .simple .bg {

        height: 300px;

        background-size: cover;

        background-position: center;

        z-index: 0;

    }

    

    .collectionItem .simple .bg .tiles {

        position: absolute;

        top:0px;

        width:100%;

        height: 100%;

        opacity:0.35;

    }

    

    #choice.collectionItem .simple .bg {

        background-image: url('../images/photo-choice.jpg');

    }

    

    #choice.collectionItem .simple .logo,

    #choice.collectionItem .simple .bg .tiles {

        background-image: url('../images/bg-choice.png');

    }

    

    #choice.collectionItem .simple .logo .img{

        background-image: url('../images/logo-choice-box-white.png');

    }

    

    #liberty.collectionItem .simple .bg {

        background-image: url('../images/photo-liberty.jpg');

    }

    

    #liberty.collectionItem .simple .logo,

    #liberty.collectionItem .simple .bg .tiles {

        background-image: url('../images/bg-liberty.png');

    }

    

    #liberty.collectionItem .simple .logo .img{

        background-image: url('../images/logo-liberty-box.png');

    }

    

    #elegance.collectionItem .simple .bg {

        background-image: url('../images/photo-elegance.jpg');

    }

    

    #elegance.collectionItem .simple .logo,

    #elegance.collectionItem .simple .bg .tiles {

        background-image: url('../images/bg-elegance.png');

    }

    

    #elegance.collectionItem .simple .logo .img{

        background-image: url('../images/logo-elegance-box.png');

    }

    

    .collectionItem .simple .bg,

    .collectionItem .simple .description {

        display: none;

    }

    

    #about.collectionItem .simple .bg {

        background-image: url('../images/photo-about.jpg');

    }

    

    #map-canvas {

        height: 260px;

        border-bottom: 20px solid #F2F2F2;

    }

}