/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
display: none;
height: 0;
}
a {
color:#00aef0;
background: transparent;
text-decoration:none;
}
a:active,
a:hover {
outline: 0;
}
a:hover {
text-decoration:underline;
}
b,
strong {
font-weight: bold;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
max-width: 100%;
vertical-align: top;
}
svg:not(:root) {
overflow: hidden;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
/*
* MARGIN HELPER
*/
.margin-top-20{
margin-top: 20px;
}
.margin-top-35{
margin-top: 35px;
}
.margin-top-60{
margin-top: 60px;
}
.margin-bottom-70{
margin-bottom: 70px;
}
.span_one{
margin:0px;
padding:0px;
border-bottom:1px solid #000;
width:200px;
text-align:center;
}
/*
* VISIBILITY HELPER
*/
/*xsmall: max-width: 480px*/
@media only screen and (max-width: 30.062em){
.hide-for-xsmall,
.hide-for-xsmall-down, .hide-for-small-down, .hide-for-medium-down, .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
.hide-for-xsmall-up{
display: none !important;
}
}
/*small : max-width: 640px*/
@media only screen and (min-width: 30.063em) and (max-width: 40.062em){
.hide-for-small,
.hide-for-small-down, .hide-for-medium-down, .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
.hide-for-xsmall-up, .hide-for-small-up{
display: none !important;
}
}
/*medium : max-width: 1024px*/
@media only screen and (min-width: 40.063em) and (max-width: 64.062em){
.hide-for-medium,
.hide-for-medium-down, .hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
.hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-up{
display: none !important;
}
}
/*large : max-width: 1440px*/
@media only screen and (min-width: 64.063em) and (max-width: 90.062em){
.hide-for-large,
.hide-for-large-down, .hide-for-xlarge-down, .hide-for-xxlarge-down,
.hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-up, .hide-for-large-up{
display: none !important;
}
.ss-caption {
bottom:10%;
}
}
/*xlarge : max-width: 1920px*/
@media only screen and (min-width: 90.063em) and (max-width: 120.062em){
.hide-for-xlarge,
.hide-for-xlarge-down, .hide-for-xxlarge-down,
.hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-up, .hide-for-large-up, .hide-for-xlarge-up{
display: none !important;
}
}
/*xxlarge: min-width: 1920px*/
@media only screen and (min-width: 120.063em){
.hide-for-xxlarge,
.hide-for-xxlarge-down,
.hide-for-xsmall-up, .hide-for-small-up, .hide-for-medium-up, .hide-for-large-up, .hide-for-xlarge-up, .hide-for-xxlarge-up{
display: none !important;
}
}
/*
* GRID MOD
*/
.row.collapse.pad-edge{
padding-left: 0.9375em;
padding-right: 0.9375em;
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
-webkit-transition: margin 0.3s ease-out;
-moz-transition: margin 0.3s ease-out;
transition: margin 0.3s ease-out;
}
.sticky-footer, .push {
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
}
/*
* GENERAL HELPERS
*/
.has-link{
cursor: pointer;
}
/*
* BG
*/
.bg, .content{
padding: 40px 0px 40px;
}
.bg.slim, .content.slim{
padding: 50px 0px 40px;
}
section.home .bg{
padding: 140px 0 120px;
}
.bg.bg-pattern{
background: url(images/bg_pattern_final.png) repeat left top #f5f5f5;
}
.bg.bg-grey{
background: url(images/bgGrey_top_border.jpg) repeat-x center top #1b2021;
}
.bg.bg-white{
background: #FFF;
}
.bg.bg-promo_fete{
background: url(images/bgPromoFete.jpg) no-repeat center top #000;
height: 350px;
position: relative;
}
.bg.bg-promo_fete:after{
content: "";
display: block;
background: url(images/bandePromoFete.png) no-repeat left top transparent;
width: 217px;
height: 185px;
position: absolute;
top: 0px;
right: 0px;
display: none;
}
.bg.bg-promo_fete.en:after{
background-image: url(images/bandePromoFeteEn.png);
}
.bg.amenities-bg-promo_fete{
background: url(images/bgPromoFete.jpg) no-repeat center top #000;
height: 350px;
position: relative;
}
.bg.amenities-bg-promo_fete:after{
content: "";
display: block;
background: url(images/bandePromoFete.png) no-repeat left top transparent;
width: 217px;
height: 185px;
position: absolute;
top: 0px;
right: 0px;
display: none;
}
.bg.amenities-bg-promo_fete.en:after{
background-image: url(images/bandePromoFeteEn.png);
}
.bg.plans-bg-promo_fete{
background: url(images/bgPromoFete.jpg) no-repeat center top #000;
height: 350px;
position: relative;
}
.bg.plans-bg-promo_fete:after{
content: "";
display: block;
background: url(images/bandePromoFete.png) no-repeat left top transparent;
width: 217px;
height: 185px;
position: absolute;
top: 0px;
right: 0px;
display: none;
}
.bg.plans-bg-promo_fete.en:after{
background-image: url(images/bandePromoFeteEn.png);
}
.bg.gallery-bg-promo_fete{
background: url(images/bgPromoFete.jpg) no-repeat center top #000;
height: 350px;
position: relative;
}
.bg.gallery-bg-promo_fete:after{
content: "";
display: block;
background: url(images/bandePromoFete.png) no-repeat left top transparent;
width: 217px;
height: 185px;
position: absolute;
top: 0px;
right: 0px;
display: none;
}
.bg.gallery-bg-promo_fete.en:after{
background-image: url(images/bandePromoFeteEn.png);
}
.bg.location-bg-promo_fete{
background: url(images/bgPromoFete.jpg) no-repeat center top #000;
height: 350px;
position: relative;
}
.bg.location-bg-promo_fete:after{
content: "";
display: block;
background: url(images/bandePromoFete.png) no-repeat left top transparent;
width: 217px;
height: 185px;
position: absolute;
top: 0px;
right: 0px;
display: none;
}
.bg.location-bg-promo_fete.en:after{
background-image: url(images/bandePromoFeteEn.png);
}
.bg.developer-bg-promo_fete{
background: url(images/developer_banner_desktop.jpg) no-repeat center top #000;
height: 350px;
position: relative;
}
.bg.developer-bg-promo_fete:after{
content: "";
display: block;
background: url(images/bandePromoFete.png) no-repeat left top transparent;
width: 217px;
height: 185px;
position: absolute;
top: 0px;
right: 0px;
display: none;
}
.bg.developer-bg-promo_fete.en:after{
background-image: url(images/bandePromoFeteEn.png);
}
.bg.contact-bg-promo_fete{
background: url(images/developer_banner_desktop.jpg) no-repeat center top #000;
height: 350px;
position: relative;
}
.bg.contact-bg-promo_fete:after{
content: "";
display: block;
background: url(images/bandePromoFete.png) no-repeat left top transparent;
width: 217px;
height: 185px;
position: absolute;
top: 0px;
right: 0px;
display: none;
}
.bg.contact-bg-promo_fete.en:after{
background-image: url(images/bandePromoFeteEn.png);
}
@media screen and (min-width: 768px) {
.bg, .content{
padding: 50px 0px 80px;
}
}
@media screen and (max-width: 767px) {
.bg.bg-promo_fete{
padding-top: 110px;
}
.bg.amenities-bg-promo_fete{
padding-top: 110px;
}
.bg.plans-bg-promo_fete{
padding-top: 110px;
}
.bg.location-bg-promo_fete{
padding-top: 110px;
}
.bg.developer-bg-promo_fete{
padding-top: 110px;
}
.bg.contact-bg-promo_fete{
padding-top: 110px;
}
.bg.gallery-bg-promo_fete{
padding-top: 110px;
}
}
@media screen and (max-width: 40.062em){
.bg.bg-promo_fete{
padding-top: 110px;
padding-left: 50px;
padding-right: 50px;
}
.bg.amenities-bg-promo_fete{
padding-top: 110px;
padding-left: 50px;
padding-right: 50px;
}
.bg.plans-bg-promo_fete{
padding-top: 110px;
padding-left: 50px;
padding-right: 50px;
}
.bg.location-bg-promo_fete{
padding-top: 110px;
padding-left: 50px;
padding-right: 50px;
}
.bg.gallery-bg-promo_fete{
padding-top: 110px;
padding-left: 50px;
padding-right: 50px;
}
.bg.developer-bg-promo_fete{
padding-top: 110px;
padding-left: 50px;
padding-right: 50px;
}
.bg.contact-bg-promo_fete{
padding-top: 110px;
padding-left: 50px;
padding-right: 50px;
}
}
/*
* H#
*/
.h1, .page-content h1{
font-family: 'Codystar', cursive;
font-size: 56px;
color: #1b2021;
font-weight: 800;
text-transform: uppercase;
margin: 0px 0px 40px;;
position: relative;
padding-bottom: 25px;
}
.h2 {
font-family: 'Codystar', cursive;
font-size: 36px;
color: #1b2021;
font-weight: 800;
text-transform: uppercase;
margin: 0px 0px 40px;;
position: relative;
}
section.home .h1,
.bg-grey .h1{
color: #00a1f3;
}
.h1:after, .page-content h1:after{
content: "";
display: block;
background: #333;
width: 230px;
height: 1px;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
}
.text-align-center .h1:after{
left: 50%;
margin-left: -115px;
}
.h2, .page-content h2{
font-family: 'Codystar', cursive;
font-size: 32px;
text-transform: uppercase;
margin-bottom: 35px;
}
.h3, .page-content h3{
font-size: 18px;
font-weight:400;
color: #00a1f3;
margin-bottom: 20px;
}
.bg.bg-promo_fete .h3{
font-size: 32px;
line-height: 40px;
}
.h4, .page-content h4{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #00aef0;
text-transform: uppercase;
margin-bottom: 5px;
}
@media screen and (max-width: 40.062em){
.h1, .page-content h1{
font-size: 36px;
}
.h2, .page-content h2{
font-size: 20px;
}
.bg.bg-promo_fete .h3{
font-size: 23px;
line-height: 27px;
margin-bottom: 10px;
}
}
/*
* BUTTON
*/
.btn{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
background: #00aef0;
color: #FFF;
padding: 13px 28px;
display: inline-block;
text-transform: uppercase;
margin: 0px;
line-height: normal;
cursor: pointer;
}
.btn.btn-outline{
color: #00aef0;
border: 2px solid #00aef0;
background: transparent;
-webkit-transition: background 0.2s ease-out, color 0.2s ease-out;
-moz-transition: background 0.2s ease-out, color 0.2s ease-out;
transition: background 0.2s ease-out, color 0.2s ease-out;
}
.btn.btn-outline.btn-outline-inverted{
color: #FFF;
border-color: #FFF;
}
.btn.btn-outline:hover{
background: #00aef0;
color: #FFF;
}
.btn.btn-outline.btn-outline-inverted:hover{
background: #FFF;
color: #00aef0;
}
.btn.btn-full-width{
width: 100%;
text-align: center;
}
.btn.btn-overlap-header {
position: absolute;
bottom: 0;
color: #00aef0;
background: #FFF;
font-family: "Muli";
font-weight: normal;
padding-left: 20px;
}
.btn.btn-overlap-header .fa {
font-size: 20px;
vertical-align: bottom;
margin-right: 20px;
}
.btn.btn-outline.btn-outline-reversed {
background: #00aef0;
color: #FFF;
}
.btn.btn-outline.btn-outline-reversed:hover {
background: none;
color: #00aef0;
}
.toggle-arrow{
cursor: pointer;
background: url('images/arrow_sticky_footer_sprite.png') no-repeat left top transparent;
width: 30px;
height: 30px;
-webkit-transition: margin-top 0.3s ease-out;
-moz-transition: margin-top 0.3s ease-out;
transition: margin-top 0.3s ease-out;
}
button.btn-outline:disabled{
color: #919799 !important;
border-color: #919799 !important;
background: none !important;
}
/*
* FORM
*/
input[type=text],
input[type=email],
textarea{
font-size: 15px;
height: 40px;
width: 100%;
padding: 0px 10px;
border: none;
}
select{
width: 100%;
height: 40px;
border: none;
background: #424b4f;
color: #919799;
font-size: 15px;
padding-left: 12px;
}
select:focus{
outline: none;
}
/*
* SOCIALS
*/
.social{
display: inline-block;
position: relative;
width: 68px;
height: 68px;
font-family: "Montserrat";
text-decoration: none;
color: #FFF;
font-size: 14px;
text-align: center;
padding-top: 42px;
margin-left: -5px;
}
.social-facebook{
background: #3b5b98;
}
.social-twitter{
background: #1ab2e8;
}
.social-google-plus{
background: #d34836;
}
.social-general{
background: #262b2d;
}
.social > .fa{
font-size: 20px;
position: absolute;
top: 14px;
left: 50%;
margin-left: -8px;
}
.social.social-facebook > .fa{
margin-left: -6px;
}
/*
*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
font-size: 100%;
}
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body {
color: #333;
padding: 0;
margin: 0;
font-family: 'Muli', sans-serif;
font-weight: lighter;
font-style: normal;
}
/*
* POPUP
*/
.popup{
margin: -10px auto 0;
width: 580px;
max-width: 100%;
background: #FFF;
-webkit-box-shadow: 3px 3px 4px #000;
-moz-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
-webkit-transition: margin 0.2s ease-out;
-moz-transition: margin 0.2s ease-out;
transition: margin 0.2s ease-out;
}
.mfp-ready .popup{
margin-top: 0px;
}
.popup-inner{
position: relative;
padding: 30px;
}
.popup-inner .h1{
font-size: 32px;
}
@media screen and (max-width: 40.062em){
.popup-inner .h1 {
font-size: 26px;
}
}
#youtube-popup{
width:620px;
}
.sticky-footer label input[type=checkbox]{
margin-top: 10px;
}
#subscribe-popup button {
float: left;
margin-top: 20px;
}
#subscribe-popup .mfp-close {
margin-top: 0;
}
#subscribe-popup .h1 {
margin-bottom: 25px;
}
#subscribe-popup p {
margin-bottom: 15px;
}
.popup {
width: 800px;
}
.vcenter {
display:table;
}
.vcenter-element {
display:table-cell;
vertical-align:middle;
}
.advantages {
position: relative;
margin-bottom: 35px;
}
.advantages .h1 {
display: inline-block;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 30px;
}
.advantages .h1:after {
display: none;
}
.advantages__item {
padding: 10px;
height: 200px;
width: 100%;
margin: 10px 0;
background-color: #00aef0;
border-bottom: 4px solid #4ca39d;
}
.advantages__item .excerpt {
font-size: 1.4em;
}
#subscribe-popup .advantages__item p {
text-align: center;
color: #fff;
font-weight: bold;
line-height: 1.3;
margin-bottom: 0;
}
.advantages__img {
float: right;
display: inline-block;
margin-bottom: 20px;
width: 50px;
}
.advantages .limited {
display: block;
margin-top: 5px;
font-size: 12px;
}
/* Front page advantages */
.advantages__front {
padding: 10px 0;
background-color: #00aef0;
}
.advantages__front .text-center {
text-align: center;
}
.advantages__front--fixed {
position: fixed;
left: 0;
right: 0;
bottom: 124px;
-webkit-transition: bottom 0.3s ease-out ease-out;
-moz-transition: bottom 0.3s ease-out ease-out;
transition: bottom 0.3s ease-out;
}
/* When captcha is open, bring up */
.fixed-footer-wReCaptcha .advantages__front--fixed {
bottom: 205px;
}
.advantages__front--fixed.footer-hidden {
bottom: -200px;
}
.advantages--hero {
text-align: center;
display: inline-block;
text-align: center;
color: #fff;
margin: 0;
}
.advantages--hero:before,
.advantages--hero:after {
content: "";
height: 2px;
width: 90px;
background: #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.advantages--hero:before { left: 0; }
.advantages--hero:after { right: 0; }
.advantages--hero .text-uppercase {
text-transform: uppercase;
font-weight: bold;
}
.advantages__icon {
display: inline-block;
color: #fff;
margin-right: 20px;
font-size: 1em;
}
.ribbon-wrapper-green {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: 10px;
right: 15px;
}
.ribbon-green{
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align:center;
-webkit-transform: rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transfrom:rotate(45deg);
-o-transfrom:rotate(45deg);
position: relative;
padding: 9px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #ed1c24;
color: #fff;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3)
}
.ribbon-green:before, .ribbon-green:after {
content: "";
border-top: 3px solid #ed1c24;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}
.ribbon-green:before {
left: 0;
}
.ribbon-green:after {
right: 0;
}
.exclusive-text strong {
font-size: 1.1em;
}
.conditions {
font-weight: bold;
color: black;
line-height: 24px;
}
/*
* HEADER
*/
.header-slider{
width: 100%;
height: 1000px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #E2E2E2;
}
.header-logo-grid{
/*background: url('images/home_logo.png') no-repeat center center transparent;*/
width: 100%;
height: 1000px;
position: absolute;
top: 0px;
/*padding-top: 560px;*/
text-align: center;
text-transform: uppercase;
font-size: 46px;
color: #FFF;
text-shadow: 1px 1px 0px #1A1A1A;
}
.header-logo-grid > div{
max-width: 830px;
margin: 0 auto;
margin-top: 250px;
}
.header-logo-grid span{
display: inline-block;
}
.header-logo-grid img{
margin-top: -170px;
margin-bottom: -120px;
}
.box-promotion{
position: absolute;
bottom: 45px;
left: 0px;
right: 0px;
margin: 0 auto;
width: 100%;
max-width: 980px;
background: #0c0f11;
background: rgba(12,15,17,0.65);
border: 2px solid #00aef0;
text-align: center;
padding: 30px;
}
.box-promotion .h2{
color: #FFF;
margin-bottom: 10px;
}
.box-promotion span{
color: #FFF;
font-size: 22px;
margin-right: 20px;
}
.box-promotion .btn{
padding-left: 70px;
padding-right: 70px;
}
.small-header-banner{
background: url("images/header_small_banner_v2.jpg") repeat-x center top transparent;
width: 100%;
height: 280px;
}
section.menu{
width: 100%;
height: 89px;
background: #0c0f11;
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
}
section.menu.fixed{
height: 80px;
z-index: 4;
position: fixed;
top: 0px;
}
section.menu.fixed a{
font-size:12px;
padding: 0px;
}
section.menu.error-captcha{
height: 110px;
}
section.menu.fixed + .small-header-banner{
margin-top: 82px;
}
section.menu .error-captcha-text{
display: none;
background: #d44837;
color: #FFF;
padding: 5px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
text-align: center;
}
section.menu.error-captcha .error-captcha-text{
display: block;
}
section.menu .menu-logo-bg{
display: block;
position: absolute;
left: 0.9375em;
top: 0px;
width: 235px;
height: 112px;
background: #00aef0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.2s ease-out, height 0.3s ease-out, width 0.3s ease-out;
-moz-transition: opacity 0.2s ease-out, height 0.3s ease-out, width 0.3s ease-out;
transition: opacity 0.2s ease-out, height 0.3s ease-out, width 0.3s ease-out;
}
section.menu.fixed .menu-logo-bg{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
width: 235px;
height: 112px;
}
section.menu .menu-logo{
position: absolute;
top: 0px;
left: 0.9375em;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
section.menu .menu-logo > img{
width: 200px;
-webkit-transition: width 0.3s ease-out;
-moz-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
}
section.menu.fixed .menu-logo{
left: 37px;
top: -5px;
}
section.menu.fixed .menu-logo > img{
width: 200px;
}
section.menu .menu-logo-o{
position: absolute;
top: 31px;
left: 0.9375em;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0s ease-out 0.3s, left 0.3s ease-out, top 0.3s ease-out;
-moz-transition: opacity 0s ease-out 0.3s, left 0.3s ease-out, top 0.3s ease-out;
transition: opacity 0s ease-out 0.3s, left 0.3s ease-out, top 0.3s ease-out;
}
section.menu .menu-logo-o > img{
width: 29px;
-webkit-transition: width 0.3s ease-out;
-moz-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
}
section.menu.fixed .menu-logo-o {
top: 8px;
left: 48px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
section.menu.fixed .menu-logo-o > img{
width: 43px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
section.menu ul{
display: block;
overflow: hidden;
/*padding-left: 50px;*/
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
}
section.menu ul > li{
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-weight: lighter;
text-transform: uppercase;
}
section.menu ul > li,
section.menu ul > li a{
padding: 0 3px;
color: #bcc7cb;
font-weight:400;
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
section.menu ul > li:hover,
section.menu ul > li a:hover,
section.menu ul > li.active,
section.menu ul > li.active a{
color: #FFF;
}
section.menu ul > .stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0
}
section.menu ul.bottom-menu{
margin-top: 47px;
/*padding-left: 180px;*/
margin-left: 29%;
position: relative;
-webkit-transition: padding 0.3s ease-out 0.2s, margin 0.3s ease-out 0.2s;
-moz-transition: padding 0.3s ease-out 0.2s, margin 0.3s ease-out 0.2s;
transition: padding 0.3s ease-out 0.2s, margin 0.3s ease-out 0.2s;
}
section.menu.fixed ul.bottom-menu {
/*padding-right: 110px;*/
/*margin-right: 110px;*/
margin-top: 32px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
section.menu ul.top-menu{
text-align: right;
position: absolute;
top: 0px;
right: 0.9375em;
-webkit-transition: top 0.4s ease-out 0s;
-moz-transition: top 0.4s ease-out 0s;
transition: top 0.4s ease-out 0s;
z-index: 10;
}
section.menu ul.top-menu > li{
vertical-align: top;
margin-top: 10px;
margin-left: 10px;
font-size: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
display: inline-block;
}
section.menu.fixed ul.top-menu > li{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
section.menu ul.top-menu > li.phone,
section.menu li.phone{
font-family: "Montserrat";
font-weight: bold;
}
section.menu ul.top-menu > li.lang{
font-family: "Montserrat";
font-weight: bold;
font-size: 12px;
border: 2px solid #00aef0;
width: 34px;
height: 34px;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
line-height: 31px;
margin-left: 15px;
margin-top: 0px;
-webkit-transition: margin 0.4s ease-out 0s;
-moz-transition: margin 0.4s ease-out 0s;
transition: margin 0.4s ease-out 0s;
}
section.menu.fixed ul.top-menu > li.lang{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
margin-top: 23px;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
display: inline-block;
}
section.menu ul.top-menu > li.lang > a{
color: #00aef0;
display: block;
width: 31px;
}
section.menu .row{
position: relative;
}
/*
* MAIN CONTENT
*/
p{
font-size: 18px;
line-height: 32px;
margin-bottom: 35px;
}
strong{
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}
.left-align{
text-align: left;
}
.text-align-center{
text-align: center;
}
.right-align{
text-align: right;
}
.right-align p{ line-height:25px; font-size:98%; margin-bottom:8px; padding-bottom:8px;}
p span.brighter{
color: #FFF;
}
p.big{
text-transform: uppercase;
font-size: 21px;
}
p.green{
color: #00aef0;
}
/*
* HOME
*/
.home-img-grid{
max-width: 100%;
background: #1b2021;
}
.home-img-grid img{
width: 100%;
vertical-align: bottom;
}
.home-img-grid .column > .text{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
text-align: center;
}
.home-img-grid .column > .text:before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px;
}
.home-img-grid .column > .text > span{
display: inline-block;
vertical-align: middle;
font-size: 28px;
color: #FFF;
text-transform: uppercase;
line-height: 42px;
max-width: 85%;
}
.home-img-grid .column .text a{
color: #FFF;
text-decoration: none;
}
.home-img-grid .column > .text > span > strong{
display: block;
}
.home-img-grid .column .hover{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.home-img-grid .column:hover .hover,
.home-img-grid .column.open .hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.home-img-grid .column .hover:before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px;
}
.home-img-grid .column .hover > img{
position: absolute;
top: 0px;
left: 0px;
}
.home-img-grid .column .hover > .text{
color: #FFF;
max-width: 55%;
line-height: 26px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.home-img-grid .column .hover > .text .btn{
margin-top: 10px;
}
.home-img-grid .column .hover > .text:before,
.home-img-grid .column .hover > .text:after{
content: "";
display: block;
margin: 0 auto;
width: 0%;
height: 1px;
background: #FFF;
-webkit-transition: width 0.3s ease-out;
-moz-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
}
.home-img-grid .column .hover > .text:before{
margin-bottom: 30px;
}
.home-img-grid .column .hover > .text:after{
margin-top: 30px;
}
.home-img-grid .column:hover .hover > .text:before,
.home-img-grid .column:hover .hover > .text:after,
.home-img-grid .column.open .hover > .text:before,
.home-img-grid .column.open .hover > .text:after{
width: 40%;
}
/*
* CONDOS LISTING
*/
section.condos-filters{
background: #1b2021;
padding: 20px 0px;
}
section.condos-filters .h3{
font-family: "Montserrat";
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 15px;
}
section.condos-filters .slider-range{
margin: 30px 0px;
padding-left: 0.9375em;
padding-right: 8px;
}
section.condos-filters .slider-range-values{
color: #FFF;
font-size: 14px;
margin-bottom: 20px;
}
section.condos-filters .noUi-background{
background: #424b4f;
height: 5px;
box-shadow: none;
border: none;
}
section.condos-filters .slider-range .noUi-origin{
border-radius: 0px;
}
section.condos-filters .slider-range .noUi-connect{
background: #00aef0;
height: 5px;
}
section.condos-filters .slider-range .noUi-handle:after,
section.condos-filters .slider-range .noUi-handle:before{
content: none;
}
section.condos-filters .slider-range .noUi-handle{
border-radius: 50%;
width: 25px;
height: 25px;
top: -9px;
border: 1px solid #FFF;
background: #00aef0;
-webkit-box-shadow: inset 2px 2px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: inset 2px 2px 5px -3px rgba(0,0,0,0.75);
box-shadow: inset 2px 2px 5px -3px rgba(0,0,0,0.75);
}
@media only screen and (min-width: 40.063em){
section.condos-filters .h3{
margin-top: 0px;
}
section.condos-filters .slider-range{
margin: 15px 0px;
padding-right: 0px;
}
section.condos-filters .slider-range .noUi-handle{
height: 17px;
width: 17px;
top: -6px;
}
}
article.condo{
position: relative;
background: #ebebeb;
border: 1px solid #c8cbcc;
padding: 25px 15px 40px;
margin-bottom: 40px;
cursor: pointer;
-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;
-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;
transition: padding 0.3s ease-out, margin 0.3s ease-out;
}
article.condo:after{
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 1px;
background: #c8cbcc;
z-index: 0;
}
article.condo:hover:after{
content: none;
}
article.condo:hover{
background: #eeeeee;
margin-top: -58px;
padding-bottom: 98px;
}
article.condo img {
max-height: 310px;
}
article.condo h3{
font-size: 23px;
color: #919799;
text-transform: uppercase;
line-height:28px;
margin-bottom: 50px;
}
article.condo h3 span{
color: #00aef0;
font-family: "Montserrat";
font-weight:300;
font-size: 25px;
display: block;
}
article.condo .end {
min-height: 330px;
}
article.condo .price{
color: #00aef0;
font-size: 22px;
text-transform: uppercase;
margin-bottom: 17px;
}
article.condo .price span{
color: #919799;
font-size: 14px;
display: block;
}
article.condo .spec{
color: #424b4f;
font-size: 18px;
margin-bottom: 5px;
}
article.condo .spec span{
font-family: "Montserrat";
font-weight: bold;
font-size: 21px;
}
article.condo .spec-stories{
color: #424b4f;
font-size: 14px;
text-transform: uppercase;
}
article.condo .spec-stories span{
font-size: 18px;
}
article.condo .plus{
display: none;
}
@media screen and (min-width: 768px ) {
article.condo h2 {
font-size: 27px;
}
article.condo h2 span{
font-size: 31px;
}
article.condo .price{
font-size: 40px;
}
}
@media screen and (min-width: 1024px ) {
article.condo .plus {
border: 2px solid #d5b173;
color: #d5b173;
display: block;
position: absolute;
right: 0px;
bottom: 0px;
width: 39px;
height: 39px;
text-align: center;
padding-top: 3px;
font-size: 20px;
z-index: 1;
}
}
article.condo:hover .plus{
height: 38px;
bottom: 0px;
display: none;
}
article.condo .see-more {
position: absolute;
bottom: 0;
right: 0;
left: 0;
background: #d5b173;
color: #FFF;
font-size: 13px;
text-transform: uppercase;
font-family: 'Montserrat';
font-weight: bold;
padding: 0px 13px;
/*height: 0px;*/
line-height: 58px;
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
text-indent:-9999px;
}
article.condo:hover .see-more{
height: 58px;
text-indent:1px;
}
article.condo .see-more .fa{
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 58px;
line-height: 42px;
text-align: center;
background: #d5b173;
}
@media screen and (min-width: 768px) {
article.condo .see-more {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
article.condo .see-more {
height: 0;
}
}
/*
* CONDO SINGLE
*/
.condo-single-header-row .h1 {
font-family: "Montserrat";
font-weight: bold;
font-size: 40px;
color: #00aef0;
padding-bottom: 0px;
margin-bottom: 0px;
}
.condo-single-header-row .h1:after{
content: none;
}
.condo-single-header-row .h2{
font-family: "Muli";
font-size: 30px;
}
.condo-single-header-row .title-container{
/*margin-bottom: 10px;*/
}
.condo-single-legal-mention {
font-size: 80%;
font-style: italic;
line-height: 1;
margin-top: 10px;
}
.condo-single-header-row{
position: relative;
}
.condo-big-info-container > div:first-child > div{
}
.condo-big-info-container > div > div{
text-align: center;
font-size: 40px;
padding-top: 41px;
width: 100%;
height: 125px;
}
.condo-big-info-container > div.big-info-price > div{
background: #262b2d;
color: #00aef0;
}
.condo-big-info-container > div.big-info-price span{
display: block;
font-size: 14px;
color: #919799;
text-transform: uppercase;
margin-left: -80px;
margin-top: -6px;
}
.condo-big-info-container > div.big-info-rooms > div{
background: #00aef0;
color: #fff;
}
.condo-big-info-container > div.big-info-surface > div{
background: #e3e5e5;
color: #262b2d
}
.condo-big-info-container > div.big-info-surface.info-surface-2 > div{
background: #c8cbcc;
}
.condo-big-info-container > div.big-info-surface > div{
font-size: 28px;
padding-top: 48px;
}
.condo-single-spectable{
width: 100%;
}
.condo-single-specrow{
padding: 12px 26px;
font-size: 16px;
color: #1b2021;
background: #f2f3f3;
border-bottom: 1px solid #d0d3d4;
}
.condo-single-specrow td:first-child{
width: 55%;
padding: 12px 13px 10px 26px;
text-align: left;
}
.condo-single-specrow td{
width: 45%;
padding: 12px 26px 10px 13px;
text-align: right;
}
.condo-single-specrow.specrow-title,
.condo-single-specrow.specrow-title-2{
font-size: 21px;
color: #e3e5e5;
padding-top: 20px;
padding-bottom: 20px;
background: #262b2d;
border-bottom: none;
}
.condo-single-specrow.specrow-title-2{
background: #e3e5e5;
color: #262b2d;
}
.condo-single-specrow > span{
float: right;
}
.plan-toolbar{
position: absolute;
top: 0;
left: 0;
}
.plan-toolbar .toolbar-btn{
display: inline-block;
position: relative;
border: 2px solid #00aef0;
color: #00aef0;
text-align: center;
padding: 20px 3px 8px;
font-family: "Montserrat";
text-transform: uppercase;
text-decoration: none;
max-width: 110px;
font-weight: bold;
font-size: 12px;
line-height: 22px;
margin-left: -6px;
vertical-align: top;
}
.plan-toolbar .toolbar-btn:first-child{
margin-left: 0px;
}
.plan-toolbar .toolbar-btn [class^=icon-],
.plan-toolbar .toolbar-btn .fa{
font-size: 41px;
margin-bottom: 5px;
}
.plan-container .zoom-hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
text-decoration: none;
color: #FFF;
background: #00aef0;
background: rgba(89, 189, 182, 0.9);
border-radius: 50%;
width: 100px;
height: 100px;
padding-top: 27px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -35px;
margin-left: -35px;
font-size: 44px;
-webkit-transition: opacity 0.1s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
transition: opacity 0.1s ease-out;
}
.plan-container:hover .zoom-hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.condo-plan-bottom-container{
position: relative;
}
.condo-plan-bottom{
position: absolute;
height: 1px;
bottom: 0px;
left: 0.9375em;
right: 0.9375em;
background: #c8cbcc;
}
.condo-plan-bottom .cert-genius{
position: absolute;
background: url(images/logo_genius.png) no-repeat left top transparent;
left: 0px;
top: -42px;
text-transform: uppercase;
font-size: 18px;
color: #262b2d;
padding: 50px 0px 0px 100px;
min-height: 86px;
}
.condo-plan-bottom .cert-genius > a{
display: block;
font-family: "Montserrat";
font-weight: bold;
font-size: 16px;
color: #00aef0;
text-decoration: none;
margin-top: 3px;
}
.plan-container{
text-align: center;
padding: 150px 0px 50px;
}
.plan-container > img{
width: auto;
}
.social-square,
.social-rect{
float: right;
display: block;
color: #FFF;
font-family: 'Montserrat', sans-serif;
text-align: center;
}
a.social-square,
a.social-rect{
text-decoration: none;
}
.social-square:before,
.social-rect:before{
content: "";
display: inline-block;
width: 0px;
height: 100%;
vertical-align: middle;
}
.social-square .fa,
.social-rect .fa{
font-size: 20px;
vertical-align: middle;
}
.social-square{
width: 50px;
height: 50px;
}
.social-rect{
display: inline-block;
height: 50px;
padding: 10px;
line-height: 32px;
}
@media screen and (max-width: 370px){
.social-rect{
width: 100%;
}
.socials-ontop-condo-big-info .social-rect{
margin-top: 5px;
margin-bottom: 5px;
}
.socials-ontop-condo-big-info .social-square{
width: 25%;
height: 0;
padding-bottom: 25%;
}
.socials-ontop-condo-big-info .social-square:before{
height: 0;
padding-bottom: 100%;
}
}
@media screen and (max-width: 30.062em){
.condo-single-header-row .h1 {
font-size: 32px;
}
.condo-single-header-row .h2 {
font-size: 20px;
}
.condo-big-info-container > div.big-info-price span{
margin-left: 0px;
margin-bottom: 5px;
}
.condo-big-info-container > div > div{
font-size: 23px;
}
}
@media only screen and (min-width: 30.063em)and (max-width: 40.062em){
.plan-toolbar .toolbar-btn {
padding: 20px 23px 8px;
font-size: 23px;
line-height: 32px;
}
.plan-toolbar .toolbar-btn [class^=icon-], .plan-toolbar .toolbar-btn .fa {
font-size: 96px;
}
}
@media screen and (max-width: 40.062em){
.plan-container{
padding-top: 20px;
}
.plan-toolbar {
position: relative;
}
.plan-toolbar.multi-buttons {
border: 2px solid #00aef0;
}
.plan-toolbar .toolbar-btn {
width: 100%;
max-width: 100%;
}
.plan-toolbar.multi-buttons .toolbar-btn {
width: 50%;
max-width: 50%;
}
.plan-toolbar.multi-buttons .toolbar-btn {
border: none;
}
.plan-toolbar.multi-buttons .toolbar-btn:first-child{
border-right: 2px solid #00aef0;
}
.plan-toolbar .toolbar-btn [class^=icon-], .plan-toolbar .toolbar-btn .fa {
display: block;
}
.know-more-container .btn-full-width{
margin-top: 30px;
}
}
@media screen and (max-width: 64.062em){
.condo-single-specrow{
background: none;
font-size: 20px;
}
.condo-single-specrow.specrow-title,
.condo-single-specrow.specrow-title-2{
font-size: 28px;
margin-top: 40px;
}
.condo-plan-bottom{
position: relative;
width: 100%;
clear: both;
height: auto;
left: 0px;
right: 0px;
background: none;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}
.condo-plan-bottom .cert-genius {
position: relative;
left: auto;
top: auto;
display: inline-block;
padding-top: 18px;
font-size: 20px;
text-align: left;
}
.condo-plan-bottom .cert-genius > a{
text-align: left;
font-size: 25px;
}
}
section.promo{
width: 100%;
margin-bottom: -20px;
margin-top: 20px;
padding: 0;
background: #262B2E;
text-align: center;
position: relative;
}
section.promo:before {
content: "";
position: absolute;
left: 50%;
margin-left: 950px;
right: 0;
top: 0;
bottom: 0;
background: #262B2E;
}
section.promo img {
width: 100%;
}
section.promo img.desktop{
display: none;
}
@media screen and (min-width: 768px){
section.promo{
margin-bottom: -40px;
}
}
@media screen and (min-width: 1024px){
section.promo{
height: 120px;
}
section.promo img.mobile{
display: none;
}
section.promo img.desktop{
display: inline;
}
section.promo img {
width: auto;
max-width: none;
position: absolute;
left: 50%;
margin-left: -950px;
}
}
/*
* BLOG
*/
.blog-sidebar .h4{
font-family: "Montserrat";
font-weight: bold;
font-size: 15px;
color: #919799;
}
.blog-sidebar p{
font-size: 13px;
color: #919799;
line-height: 20px;
}
.categories-container{
margin-top: 10px;
}
.categories-container > a{
display: inline-block;
background: #e3e5e5;
border-radius: 3px;
padding: 10px 15px;
font-family: "Montserrat";
font-size: 12px;
color: #0c0f11;
text-decoration: none;
text-transform: uppercase;
margin-right: 5px;
margin-bottom: 5px;
}
.categories-container > a:hover{
background: #42a9a1;
color: #FFF;
}
.categories-container > a:active{
background: #3B9790;
}
article.blog-post{
margin-bottom: 80px;
position: relative;
}
article.blog-post .post-main-image-container{
position: relative;
}
article.blog-post .post-main-image-container > img{
width: 100%;
max-width: 653px;
vertical-align: bottom;
}
article.blog-post .post-main-image-container > .socials-container{
position: absolute;
bottom: 1px;
right: 1px;
}
article.blog-post .post-infos{
display: table;
}
article.blog-post .post-infos > div{
display: table-cell;
padding: 20px;
vertical-align: top;
}
article.blog-post .post-infos > .post-date{
width: 20%;
background: #e6e8e8;
text-align: center;
}
article.blog-post .post-infos > .post-date > div{
font-size: 20px;
color: #262b2d;
line-height: 34px;
}
article.blog-post .post-infos > .post-date > div.post-date-day{
font-size: 40px;
}
article.blog-post .post-infos > .post-date > div.post-date-month{
font-family: "Montserrat";
font-weight: bold;
}
article.blog-post .post-infos > .post-date > div.post-date-year{
font-size: 20px;
line-height: 24px;
}
article.blog-post .post-infos > .post-desc{
width: 80%;
background: #f2f3f3;
color: #262b2d;
}
article.blog-post .post-infos > .post-desc .h3{
font-family: "Montserrat";
font-weight: bold;
font-size: 18px;
color: #262b2d;
text-transform: uppercase;
margin-bottom: 8px;
}
article.blog-post .post-infos > .post-desc p{
color: #262b2d;
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
}
article.blog-post .blog-post-read-more{
display: block;
position: absolute;
bottom: 0px;
right: 0px;
border: 2px solid #00aef0;
color: #00aef0;
width: 40px;
height: 40px;
font-size: 20px;
text-align: center;
line-height: 38px;
}
article.blog-post-single .h1{
font-size: 30px;
line-height: 35px;
}
article.blog-post-single .post-infos{
color: #c8cbcc;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 30px;
}
article.blog-post-single .post-content p{
font-size: 14px;
line-height: 20px;
color: #262b2d;
}
article.blog-post-single .post-content img{
margin-bottom: 35px;
}
article.blog-post-single .post-content ul{
font-size: 14px;
line-height: 20px;
color: #262b2d;
margin-bottom: 35px;
}
article.blog-post-single .post-content ul li{
list-style: disc inside;
}
article.blog-post-single .tags-container{
text-transform: uppercase;
color: #c8cbcc;
font-family: "Montserrat";
font-size: 12px;
}
article.blog-post-single .tags-container strong{
font-size: 15px;
}
article.blog-post-single .tags-container hr{
margin: 30px 0px;
border: none;
border-bottom: 1px solid #c8cbcc;
}
article.blog-post-single .tags-container ul,
article.blog-post-single .tags-container li{
display: inline;
}
article.blog-post-single .tags-container a{
text-decoration: none;
color: #c8cbcc;
}
/*
* COMMENTS
*/
#comments .edit-link{
display: block;
margin-top: -30px;
margin-bottom: 30px;
}
#comments .edit-link a{
font-family: "Montserrat";
font-weight: bold;
color: #00aef0;
}
#comments .comments-title{
margin-bottom: 40px;
}
#comments .comments-title,
#respond #reply-title{
font-family: "Montserrat";
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
}
#comments .comments-count .fa{
margin-right: 15px;
}
#comments > .comment-list .comment .comment-body{
padding-bottom: 30px;
}
#comments > .comment-list .comment .children{
padding-left: 30px;
}
#comments > .comment-list .comment .comment-body:after{
content: "";
display: block;
height: 1px;
position: absolute;
left: 0;
right: 0;
background: #dfdfdf;
}
#comments > .comment-list .comment .comment-body .comment-content p{
margin-bottom: 30px;
}
#comments .comment-meta:after{
content: "";
display: table;
clear: both;
}
#comments .comment-meta .comment-author{
float: left;
}
#comments .comment-meta .comment-author .author-name{
font-size: 18px;
font-weight: normal;
color: #00aef0
}
#comments .comment-meta .reply{
float: right;
margin-left: 50px;
}
#comments .comment-meta .reply a{
font-family: "Montserrat";
font-weight: bold;
font-size: 13px;
color: #00aef0;
text-decoration: none;
text-transform: uppercase;
}
#comments .comment-meta .comment-metadata{
float: right;
}
#comments .comment-meta .comment-metadata > a{
text-decoration: none;
color: #bcbcbc;
font-size: 12px;
}
#respond .comment-notes{
font-size: 12px;
color: #919799;
}
#respond #commentform label,
#respond #commentform .form-allowed-tags{
display: none;
}
#respond #commentform input,
#respond #commentform textarea{
background: #e3e5e5;
font-family: "Muli";
font-size: 15px;
color: #919799;
border: none;
padding: 10px;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email{
display: block;
margin-bottom: 20px;
}
#respond #commentform .comment-form-author{
float: left;
width: 64%;
}
#respond #commentform .comment-form-email{
float: right;
width: 30%;
}
#respond #commentform .comment-form-email:after{
content: "";
display: table;
clear: both;
}
#respond #commentform .comment-form-comment{
margin-bottom: 10px;
}
#respond #commentform .comment-form-comment textarea{
height: 160px;
}
#respond #commentform input[type=submit]{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color: #FFF;
padding: 13px 28px;
display: inline-block;
text-transform: uppercase;
margin: 0px;
line-height: normal;
cursor: pointer;
color: #00aef0;
border: 2px solid #00aef0;
background: transparent;
float: right;
}
/*
* CONTACT US
*/
.contact-subtitle{
font-size: 28px;
color: #00aef0;
text-transform: uppercase;
margin-bottom: 35px;
padding-top: 95px;
}
.contact-subtitle:first-child{
padding-top: 0px;
}
section.contact p,
section.contact p a[href*=mailto]{
font-size: 15px;
color: #919799;
line-height: 24px;
margin-bottom: 25px;
text-decoration: none;
}
section.contact p a{
color: #00aef0;
text-decoration: none;
font-family: "Montserrat";
font-weight: bold;
}
section.contact strong{
font-family: "Montserrat";
font-weight: bold;
text-transform: uppercase;
}
section.contact table td{
padding-bottom: 10px;
}
section.contact table td:first-child{
padding-right: 40px;
}
form.contact-form input{
background: #e3e5e5;
color: #919799;
margin-bottom: 15px;
font-family: "Muli";
}
form.contact-form select{
background: #e3e5e5;
border: none;
width: 100%;
height: 40px;
color: #919799;
font-family: "Muli";
font-size: 15px;
padding-left: 8px;
margin-bottom: 15px;
}
form.contact-form select:focus,
form.contact-form textarea{
outline: none;
}
form.contact-form textarea{
background: #e3e5e5;
color: #919799;
padding: 10px;
margin-bottom: 15px;
font-family: "Muli";
height: 130px;
}
form.contact-form input[type="checkbox"] {
float: left;
margin-right: 10px;
margin-bottom: 0px;
}
form.contact-form button {
margin-top: 15px;
}
@media screen and (max-width: 768px) {
.contact-subtitle{
font-size: 20px;
}
}
/*
* MAP
*/
section.map{
padding-bottom: 0px;
}
.oMapContainer{
position: relative;
overflow: hidden;
}
.oMapContainer .oMap{
width: 100%;
height: 800px;
}
.gm-style img{
max-width: none;
}
.oMapContainer .oInfoPanel{
position: absolute;
top: 0px;
bottom: 0px;
right: -33%;;
width: 33%;
padding: 50px;
z-index: 2;
color: #FFF;
background: #00aef0;
background: rgba(89,189,182,0.75);
-webkit-transition: right 0.3s ease-out;
-moz-transition: right 0.3s ease-out;
transition: right 0.3s ease-out;
}
.oMapContainer .oInfoPanel:before{
content: " ";
display: inline-block;
height: 100%;
width: 1%;
vertical-align: middle;
margin-left: -100px;
}
.oMapContainer .oInfoPanel [data-omap-info-close]{
border: 3px solid #FFF;
color: #FFF;
font-size: 18px;
padding: 13px 15px;
position: absolute;
top: 30px;
right: 30px;
}
.oMapContainer .oInfoPanel.open{
right: 0px;
}
.oMapContainer .oInfoPanel .info-content{
display: none;
vertical-align: middle;
margin-left: 100px;
}
.oMapContainer .oInfoPanel .info-content.open{
display: inline-block;
}
.oMapContainer .oInfoPanel .info-content .h2{
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
margin-bottom: 5px;
}
.oMapContainer .oInfoPanel .info-content .info-type{
font-size: 14px;
}
.oMapContainer .oInfoPanel .info-content .info-content-text{
margin-top: 25px;
}
.oMapContainer .oInfoPanel .info-content a{
color: #FFF;
font-size: 18px;
text-decoration: none;
}
.oMapContainer .oInfoPanel .info-content .btn.btn-outline{
border-color: #FFF;
color: #FFF;
}
.oMapContainer .oFilter{
position: absolute;
left: 50%;
top: 20px;
margin-left: -237px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.oMapContainer .oInfoPanel.open ~ .oFilter{
margin-left: -437px;
}
.oMapContainer span{
text-transform: uppercase;
font-family: "Montserrat";
font-weight: bold;
color: #FFF;
font-size: 16px;
}
.oMapContainer select{
display: inline-block;
width: 260px;
}
.attraits-list-container{
padding: 50px 0px;
}
.attraits-list-container .h2{
font-family: "Muli";
font-weight: bold;
color: #00aef0;
vertical-align: middle;
}
.attraits-list-container ul{
margin-bottom: 20px;
}
.attraits-list-container ul li{
margin-bottom: 4px;
cursor: pointer;
}
.attraits-list-container ul li > div{
overflow: hidden;
position: relative;
}
.attraits-list-container ul li .h3{
color: #FFF;
margin-bottom: 0px;
padding-bottom:0;
position: absolute;
bottom: 4px;
left: 75px;
}
.attraits-list-container ul li span{
margin-top: 15px;
}
.attraits-list-container ul li img{
float: left;
}
.attraits-list-container a[data-toggle-attraits-list]{
display: block;
text-decoration: none;
margin-bottom: 30px;
cursor: default;
}
.attraits-list-container .toggle-arrow{
display: inline-block;
vertical-align: middle;
margin-right: 20px;
background-position: left bottom;
}
.attraits-list-container.open .toggle-arrow{
background-position: left top;
}
@media screen and (max-width: 64.062em){
.oMapContainer .oInfoPanel [data-omap-info-close]{
padding: 6px 8px;
top: 15px;
right: 15px;
}
.oMapContainer .oInfoPanel .info-content{
vertical-align: top;
}
.oMapContainer .oInfoPanel.open ~ .oFilter{
margin-left: 0px;
left: 10px;
text-align: left;
}
.attraits-list-container .h2{
font-size: 16px;
}
.oMapContainer .oInfoPanel .info-content .info-content-text {
margin-top: 8px;
}
.attraits-list-title-row{
margin-left: 0;
margin-right: 0;
}
.attraits-list-title-row .column,
.attraits-list-title-row .columns{
padding-left: 0;
padding-right: 0;
}
body[class*=template-map] section.menu{
position: fixed;
z-index: 4;
}
body[class*=template-map] section.menu.open{
top: 0px;
bottom: 100px;
overflow-y: scroll;
}
body[class*=template-map] .small-header-banner,
body[class*=template-map] .footer-social,
body[class*=template-map] .sticky-footer,
body[class*=template-map] .push,
.oMapContainer .oFilter{
display: none;
}
body[class*=template-map] section.map,
body[class*=template-map] .oMapContainer,
body[class*=template-map] .oMap{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
body[class*=template-map] section.map{
top: 100px;
bottom: 70px;
}
.oMapContainer .oInfoPanel{
right: 100%;
width: 100%;
bottom: auto;
padding: 20px;
}
.oMapContainer .oInfoPanel .info-content .h2{
font-size: 20px;
}
.oMapContainer .oInfoPanel .info-content p {
font-size: 14px;
line-height: 17px;
margin-bottom: 5px;
}
.oMapContainer .oInfoPanel .info-content .btn.btn-outline {
border: none;
padding: 0px;
font-size: 16px;
}
.attraits-list-container {
padding: 0px;
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
background: #0c0f11;
overflow: hidden;
border-top: 2px solid #00aef0;
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
}
.attraits-list-container a[data-toggle-attraits-list]{
margin-bottom: 0px;
padding: 20px 0.9375em 0px;
cursor: pointer;
}
.attraits-list-container,
.attraits-list-container a[data-toggle-attraits-list]{
height: 70px;
}
.attraits-list-container.open {
height: 80%;
}
.attraits-list-container.open .attraits-list-inner{
overflow-y: scroll;
height: 100%;
}
.attraits-list-container ul li{
color: #FFF;
}
/* .attraits-list-container ul li img{
float: none;
display: block;
margin: 0 auto;
}*/
}
/*
* FOOTER
*/
section.footer-map{
background: url('images/tempMap.jpg') no-repeat center top transparent;
height: 480px;
width: 100%;
position: relative;
}
section.footer-map > a{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
section.footer-social{
background: #00b7fb;
color: #FFF;
}
section.footer-social .social-subscribe-container > a{
float: left;
margin-right: 20px;
color:#fff;
}
section.footer-social .social-subscribe-container > span{
text-transform: uppercase;
line-height: 42px;
}
.footer-social--subscribe-container{
padding-top: 40px;
padding-bottom: 0px;
}
.footer-social--subscribe-container .h2{ padding-bottom:0; margin-bottom:0}
.social-icon-grid .fa{
font-size: 46px;
color: #FFF;
}
.social-icon-grid .fa + img{
margin-left: 20px;
}
.social-icon-grid .fa.fa-facebook + img{
margin-top: 7px;
}
.social-icon-grid .column{
height: 140px;
text-align: center;
padding-top: 50px;
}
.social-icon-grid .column.fb-cell{
background: #3b5999;
}
.social-icon-grid .column.twitter-cell{
background: #00b0ed;
}
.social-icon-grid .column.gplus-cell{
background: #d44837;
}
section.footer-legal{
background: #0c0f11;
padding: 20px 0px 10px 0px;
}
section.footer-legal .logo-footer{
display: block;
float: left;
margin-right: 50px;
}
section.footer-legal .text-help-phone{
overflow: hidden;
}
section.footer-legal ul{
float: left;
margin-left: 0px;
margin-bottom: 30px;
}
section.footer-legal ul:first-of-type{
margin-left: 0px;
}
section.footer-legal ul a {
color: #fcfcfc;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
section.footer-legal ul a:hover {
color: #FFF;
}
section.footer-legal ul li{
margin-bottom: 10px;
}
section.footer-legal .partners{
width: 100%;
display: table;
table-layout: fixed;
margin-bottom: 20px;
}
section.footer-legal .partners > div{
display: table-cell;
text-align: center;
vertical-align: middle;
color: #fff;
}
.footer-representative .h1{
font-size: 28px;
color: #FFF;
}
.footer-representative .representative-phone{
font-size: 28px;
color: #919799;
}
@media only screen and (min-width: 64.063em){
section.footer-legal .text-help-phone{
overflow: visible;
float: left;
width: 100%;
max-width: 230px;
}
section.footer-legal .text-help-phone p{
font-size: 15px;
line-height: 24px;
margin-bottom: 0px;
}
section.footer-legal ul{
margin-bottom: 0px;
}
section.footer-legal ul:first-of-type{
margin-left: 0px;
}
section.footer-legal .partners{
width: auto;
display: block;
table-layout: auto;
overflow: hidden;
text-align: right;
margin-bottom: 0px;
}
section.footer-legal .partners > div {
float: left;
display: inline;
text-align: left;
margin-left: 40px;
vertical-align: middle;
}
section.footer-legal .partners .small{
margin-left: 50px;
color: #fff;
}
section.footer-legal small{
font-size: 11px;
text-transform: uppercase;
color:#fcfcfc;
}
.devimco-logo {
width: 130px;
margin-bottom: 35px;
}
}
/*
* INSCRIPTION
*/
.form-subscription input[type="text"],
.form-subscription input[type="password"],
.form-subscription input[type="email"],
.form-subscription textarea,
.form-subscription select{
border: 1px solid #262b2d;
background: #1b2021;
padding: .75em 1em;
outline: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font: 14px "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
margin: 0;
width: 100%;
display: block;
margin-bottom: 20px;
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
}
.form-subscription input[type="checkbox"] {
display: inline;
height: 30px;
width: 30px;
border: 1px solid #262b2d;
background: #1b2021;
margin-left: 0;
}
.form-subscription label {
margin-top: 10px;
color: #919799;
line-height: 1em;
}
/*
* STICKY FOOTER
*/
.sticky-footer{
background: #262b2d;
}
section.fixed-footer{
width: 100%;
background: #262b2d;
padding: 18px 0 0;
position: fixed;
bottom: 0px;
height: 124px;
-webkit-transition: bottom 0.3s ease-out, padding 0.3s ease-out, height 0.3s ease-out;
-moz-transition: bottom 0.3s ease-out, padding 0.3s ease-out, height 0.3s ease-out;
transition: bottom 0.3s ease-out, padding 0.3s ease-out, height 0.3s ease-out;
z-index: 10;
}
section.fixed-footer.footer-hidden{
bottom: -124px;
}
section.fixed-footer .toggle-arrow{
margin-top: 20px;
}
section.fixed-footer .toggle-arrow,
section.fixed-footer .subscribe-text{
float: left;
margin-right: 15px;
max-width: 235px;
}
section.fixed-footer .subscribe-text .h4{
-webkit-transition: margin-top 0.3s ease-out;
-moz-transition: margin-top 0.3s ease-out;
transition: margin-top 0.3s ease-out;
}
section.fixed-footer .subscribe-text p{
font-size: 15px;
line-height: 19px;
margin-bottom: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
section.fixed-footer .sticky-footer-form-container{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
section.fixed-footer input[type=text],
section.fixed-footer input[type=email],
section.fixed-footer textarea{
background: #424b4f;
color: #919799;
margin-bottom: 11px;
}
section.fixed-footer select{
background: #424b4f;
color: #919799;
}
.register-form input[type=text],
.register-form select,
.register-form input[type=email],
.register-form textarea{
background: #e3e5e5;
color: #919799;
margin-bottom: 15px;
font-family: "Muli";
}
section.fixed-footer .btn{
/*margin-top: 7px;*/
}
section.fixed-footer .sticky-footer-form-container{
overflow: hidden;
}
section.fixed-footer .footer-hidden-row{
margin-top: 10px;
-webkit-transition: margin 0.3s ease-out;
-moz-transition: margin 0.3s ease-out;
transition: margin 0.3s ease-out;
}
body.fixed-footer-wReCaptcha section.fixed-footer{
height: 205px;
}
body.fixed-footer-wReCaptcha section.fixed-footer .footer-hidden-row{
margin-top: 0px;
}
body.fixed-footer-minimized section.fixed-footer{
padding: 9px 0px 6px;
height: 48px;
}
body.fixed-footer-minimized .advantages__front--fixed {
bottom: 48px; /* the bottom is the value of the footer's height minimized */
}
body.fixed-footer-minimized section.fixed-footer .toggle-arrow{
margin-top: 0px;
background-position: left bottom;
}
body.fixed-footer-minimized section.fixed-footer .subscribe-text .h4{
margin-top: 7px;
}
body.fixed-footer-minimized section.fixed-footer .subscribe-text p,
body.fixed-footer-minimized section.fixed-footer .sticky-footer-form-container{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
body.fixed-footer-wReCaptcha .wrapper {
margin-bottom: -485px;
}
body.fixed-footer-wReCaptcha .sticky-footer,
body.fixed-footer-wReCaptcha .push {
height: 485px;
}
body.fixed-footer-minimized .wrapper {
margin-bottom:0px;
}
body.fixed-footer-minimized .sticky-footer,
body.fixed-footer-minimized .push {
height: 330px;
}
@media only screen and (max-width: 64.062em){
section.menu.fixed + .small-header-banner{
margin-top: 0px;
}
section.menu,
section.menu.fixed {
/*height:100px;*/
position: relative;
height: auto;
}
section.menu.error-captcha{
height: 120px;
}
section.menu .menu-logo > img {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
section.menu.fixed .menu-logo > img {
width: auto;
height:auto;
}
section.menu.fixed .menu-logo {
top:31px;
left:0.9375em;
bottom:auto;
right:auto;
}
section.menu .menu-logo {
position: relative;
display: block;
}
section.menu ul {
padding-left:0;
overflow: hidden;
}
section.menu li.phone {
font-size: 20px;
margin:0;
line-height: 100px;
}
section.menu .bars {
padding:25px;
margin-left: 10px;
}
section.menu .bars a {
color:#00aef0;
font-size:49px;
}
.fixed-footer {
display: none;
}
.home-img-grid .column .hover > .text {
max-width: 90%;
line-height: 18px;
}
section.footer-legal .partners > div{
display: block;
margin-top: 30px;
}
.contact-subtitle {
padding-top: 20px;
}
.advantages__front--fixed {
display: none;
}
}
@media only screen and (max-width: 1000px){
section.footer-social .social-subscribe-container > span {
line-height: 16px;
margin-top: 10px;
display: inline-block;
}
}
@media only screen and (max-width: 400px){
section.menu li.phone {
font-size: 15px;
}
section.menu .menu-logo > img,
section.menu.fixed .menu-logo > img {
width:100px;
}
section.menu .menu-logo,
section.menu.fixed .menu-logo {
top:37px;
}
section.footer-social .social-subscribe-container > a {
float:none;
}
}
.bars.open {
background-color:#262b2d;
}
section ul.menu-mobile.open {
display: block;
}
section ul.menu-mobile {
display: none;
width: 100%;
position: relative;
z-index:1;
top:-1px;
}
ul.menu-mobile li {
width: 100%;
display: inline-block;
text-align: center;
background-color: #262b2d;
border-top:1px solid #000;
}
ul.menu-mobile li:first-child {
border-top: 0;
}
section ul.menu-mobile li > a {
display: inline-block;
width: 100%;
color:#fff;
text-decoration: none;
text-transform: uppercase;
font-family: Muli;
font-weight: 300;
font-size: 25px;
line-height: 25px;
padding: 15px 0;
}
ul.menu-mobile li.active,
ul.menu-mobile li:active {
background-color:#00aef0;
color:#fff;
}
ul.menu-mobile li.fb {
background-color:#3b5999;
}
ul.menu-mobile li.tw {
background-color:#00b0ed;
}
ul.menu-mobile li.gplus {
background-color:#d44837;
}
ul.menu-mobile li.fb:active,
ul.menu-mobile li.tw:active,
ul.menu-mobile li.gplus:active {
background-color: inital;
}
.parsley-error {
border: 1px solid red !important;
outline: none;
}
.parsley-success {
border: 1px solid #93C547 !important;
outline: none;
}
section.suggestions article.condo img{
/*min-height: 250px;*/
}
section.suggestions article.condo .end{
min-height: 190px;
}
.banner-bottom-bar{
background-color: #1b2021;
height:35px;
width:100%;
}
.banner-bottom-tab{
background-image:url('images/landing/landing-360/banner-bottom-tab.png');
background-repeat: no-repeat;
width:100%;
height:93px;
color:#fff;
z-index:10;
position:absolute;
bottom:0;
background-position:center;
text-align:center;
text-transform: uppercase;
font-family: "Muli";
font-weight: normal;
padding-top:30px;
line-height:20px;
}
.landing-header-banner{
background: url("images/landing/landing-360/banner-landing-360.jpg") repeat-x center top transparent;
width: 100%;
height: 640px;
position:relative;
}
.footer-img-landing{
background: url("images/landing/landing-360/footer-landing-banner.jpg") repeat-x center top transparent;
width: 100%;
height: 277px;
position:relative;
}
.fa-plus{
margin-top:10px;
font-size:12px;
transition: all .5s;
-webkit-transition: all .5s;
}
.banner-text{
text-transform:uppercase;
color:#fff;
font-family: "Muli";
position:absolute;
top:50%;
left:0;
right:0;
}
.banner-text p{
text-align: center;
font-size:53px;
line-height:60px;
}
.landing-social-icons li, .landing-lang-icon{
list-style:none;
display:inline-block;
padding-right:35px;
}
.landing-social-icons .fa, .landing-lang-icon a{
color:#fff;
}
.landing-lang-icon a{
text-transform: uppercase;
font-weight:bold;
text-decoration:none;
font-size:12px;
}
.landing-icons{
float:right;
padding-right:85px;
padding-top:65px;
}
.landing-social-icons, .landing-lang-icon{
display: inline-block;
}
.landing-lang-icon{
border: 2px solid #fff;
padding:8px;
transition: all .5s;
-webkit-transition: all .5s;
}
.body-img-landing{
background: url("images/landing/landing-360/body-img-landing-360.jpg") repeat-x center top transparent;
width: 100%;
height: 468px;
position:relative;
}
.h3-landing{
text-align:center;
padding-top:75px;
}
.body-text-landing{
max-width:600px;
margin:auto;
color:#fff;
font-family: "Muli";
margin-top:75px;
line-height:22px;
padding-left:20px;
padding-right:20px;
text-align: justify;
}
.body-text-landing p{
font-size:22px;
}
.landing-steps{
text-align:left;
color:#000;
list-style:decimal;
padding-bottom:40px;
}
.landing-steps li{
padding-bottom:20px;
font-weight:bold;
}
.landing-steps li span{
font-weight:normal;
font-size:16px;
}
.landing-steps-container{
margin:auto;
}
.body-text-black-landing{
color:#000;
font-size:22px;
}
.landing-steps-title{
text-transform: uppercase;
font-size:24px;
color:#000;
float:left;
padding-top:60px;
height:140px;
width:160px;
}
.verticalLine {
border-right: 2px solid #00aef0;
margin-right: 50px;
}
.footer-logo-devimco-container{
background-color:#1b2021;
height:80px;
}
.footer-logo-devimco-container img{
padding-top:10px;
float:right;
padding-right:10px;
}
.footer-logo-devimco-container .img-container{
max-width:800px;
margin:auto
}
.footer-copyright{
background-color:#0c0f11;
height:30px;
text-align:center;
color:#262b2d;
font-size:11px;
padding-top:10px;
}
.landing-cta{
background-color:#00aef0;
color:#fff;
text-align:center;
margin:auto;
width:230px;
height:60px;
z-index:11;
top:30px;
position:relative;
text-transform:uppercase;
font-weight: bold;
padding-top:20px;
transition: all .5s;
-webkit-transition: all .5s;
border:3px solid #00aef0;
text-decoration:none;
}
.landing-cta:hover{
cursor:pointer;
border:3px solid #00aef0;
background-color:#000;
transition: all .5s;
-webkit-transition: all .5s;
}
.landing-lang-icon:hover{
background-color:#00aef0;
transition: all .5s;
-webkit-transition: all .5s;
cursor:pointer;
}
.banner-bottom-tab:hover{
cursor:pointer;
}
.form-text{
padding-bottom:40px;
max-width:360px;
text-align:left;
color:#fff;
position:absolute;
left:700px;
}
.form-landing input[type="text"], .form-landing select{
width:300px;
}
.labels{
text-align: right;
}
.form-landing .submit{
margin-top:40px;
}
.footer-img-landing{
padding-top:90px;
color:#00aef0;
font-weight:bold;
text-align: center;
font-size:30px;
text-transform: uppercase;
font-family: "Muli";
}
.footer-img-landing .submit{
font-size:25px;
margin-top:20px;
color:#04756c;
border-color:#04756c;
}
.footer-logo{
bottom:0;
display:inline-block;
margin-right:30px;
cursor:pointer;
}
.footer-logos{
max-width:300px;
margin:auto;
margin-top:30px;
}
.footer-logos-container{
width:100%;
position:relative;
z-index:100;
top: -129px;
height: 0px;
}
@media (max-width:768px){
.verticalLine {
border-right:0;
float:initial;
padding-top:0px;
height:50px;
}
.body-text-landing{
margin-top:0px;
}
.h3-landing{
margin-bottom:20px;
text-align:center;
}
.landing-steps-container{
margin-left:40px;
padding-right:20px;
}
.form-subscription label {
float: left;
}
.form-subscription label:nth-of-type(6) {
float: initial;
}
.form-text{
position:initial;
max-width:100%;
}
.landing-steps-title{
width:100%;
}
.form-landing input[type="text"], .form-landing select{
width:100%;
}
input[type=checkbox]{
float:left;
}
}
.grayscale{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
.grayscale:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.ul-list-style li{ list-style-type:none; line-height:35px;}
.ul-list-style1 li{ list-style-type:none; line-height:35px; text-align:left;}
.ul-list-style1 .fa-plus { color:#d5b173; padding-right:5px;}
.plans-headline { position:relative; background-color:#d6d9d9; padding:13px 0px; text-align:center; font-size: 15px;
text-transform: uppercase;
font-family: 'Montserrat';
font-weight: bold;
-webkit-transition: height 0.3s ease-out;
-moz-transition: height 0.3s ease-out;
transition: height 0.3s ease-out; }