/*

=====================================================================

*   Woo v1.0 Layout Stylesheet

*   url: styleshout.com

*   05-02-2014

=====================================================================



   TOC:

   a. General and Common Styles

   b. Header Styles

   c. Início Section

   d. Features Section

   e. casas Section

   f. fotos Section

   g. Call To Action Section

   h. localizacao Section

   i. contactos Section

   j. Footer

   k. lightbox



   todo: check bug in mobile z-index



===================================================================== */



/* ------------------------------------------------------------------ */

/* a. General and Common Styles

/* ------------------------------------------------------------------ */



body { background: #181d21; }



.section-head {

  	padding: 0 4%;

   text-align: center;

}

.section-head h1 {

   font: 20px/36px 'montserrat-bold', sans-serif;

   color: #333;

   text-transform: uppercase;

   letter-spacing: 1.5px;

   margin-bottom: 12px;

}



/* for css animations */

.show { opacity: 1; }

.js #mc_embed_signup input[type="email"],

.js #mc_embed_signup input[type="submit"] {

   opacity: 0;

}





/* ------------------------------------------------------------------ */

/* b. Header Styles

/* ------------------------------------------------------------------ */



header {

   height: 54px;

   width: 100%;

   background: #13171B;

   position: fixed;

   left: 0;

   top: 0;

   z-index: 990;

}

    

/* header logo */

header .logo {

   margin-left: 36px;

   margin-right: 20px;

   margin-top: 3px;

   float: left;

   width: auto; 

   z-index: 991; 



   /* add position relative since z-index only applies to  

   elements that have been given an explicit position */

   position: relative; 

}

header .logo a {

   display: block;

   margin: 0;

	padding: 0;

	border: none;

	outline: none;

   width: 64px;

   height: 18px;   

}



/* header social */

header .header-social {

	font-size: 20px;

   font-weight: normal;

   line-height: 54px;

   color: #424a56;

   margin: 0 10px 0 0;

   padding: 0;

   float: right;

}

header .header-social li {

   display: inline-block;

   margin-right: 20px;

}

header .header-social li a { color: #fff; }

header .header-social li a:hover { color: #11ABB0; }





/* primary navigation

--------------------------------------------------------------------- */

#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {

	 margin: 0;

	 padding: 0;

	 border: none;

	 outline: none;

}



/* nav-wrap */

#nav-wrap {

   font: 11px 'montserrat-regular', sans-serif;

   text-transform: uppercase;

   letter-spacing: 1.5px;

   float: left;

}



/* hide toggle button */

#nav-wrap > a { display: none; }



ul#nav {

   min-height: 54px;

   width: auto;



   /* left align the menu */

   text-align: left;

}

ul#nav li {

   position: relative;

   list-style: none;

   height: 54px;

   display: inline-block;



}



/* Links */

ul#nav li a {



   /* 8px padding top + 8px padding bottom + 38px line-height = 54px */

   display: inline-block;

   padding: 8px 8px;

   line-height: 38px;

	text-decoration: none;

   text-align: left;

   color: #58687A;



	-webkit-transition: color .2s ease-in-out;

	-moz-transition: color .2s ease-in-out;

	-o-transition: color .2s ease-in-out;

	-ms-transition: color .2s ease-in-out;

	transition: color .2s ease-in-out;

}

ul#nav li a:hover { color: #fff; }

ul#nav li a:active { background-color: transparent !important; }

ul#nav li.current a { color: #fff; }





/* ------------------------------------------------------------------ */

/* c. Início Section

/* ------------------------------------------------------------------ */



#inicio {

   padding-top: 20px;

   padding-bottom: 44px;

   background: #fff;

   overflow: hidden;

}



/* For high-res devices */

@media

(-webkit-min-device-pixel-ratio: 2),

(min-resolution: 192dpi) {



	#inicio { 

		background: #f9f9f9 url(img/inicio-bg_@2X.png); 

		background-size: 200px 200px;

	}

  

}



#inicio .row { max-width: 1040px; }



/* menu margin: 10px 0 50px 0; */



#menu {

        margin: 0 0 0 0;

        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

        float: right

}

    

#menu .wrapper {

    display: inline-block;

    width: 120px;

    margin: 0 0 0 0;

    height: 20px;

    position: relative;

}

    

#menu .parent {

    height: 100%;

    width: 100%;

    display: block;

    cursor: pointer;

    line-height: 30px;

    height: 30px;

    border-radius: 0px;

    background: #669966;

    color: #000;

    font-weight: normal;

    z-index: 2;

    position: relative;

    -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;

    -webkit-transition-delay: .0s;

    text-align: center;

}

    

#menu .parent:hover,

#menu .content:hover ~ .parent {

    background: #99cc99;

    -webkit-transition-delay: 0s, 0s, 0s;

}

    

#menu .content:hover ~ .parent {

    z-index: 0;

}

    

#menu .content {

    position: absolute;

    top: 0;

    display: block;

    z-index: 1;

    height: 0;

    width: 120px;

    padding-top: 30px;

    -webkit-transition: height .5s ease;

    -webkit-transition-delay: .4s;

}

    

#menu .wrapper:active .content {

    height: 123px;

    z-index: 3;

    -webkit-transition-delay: 0s;

}

    

#menu .content:hover {

    height: 153px;

    z-index: 3;

    -webkit-transition-delay: 0s;

}

    

    

#menu .content ul {

    background: #ccc;

    margin: 0;

    padding: 0;

    overflow: hidden;

    height: 100%;



}

    

#menu .content ul a {

    text-decoration: none;

}

    

#menu .content li:hover {

    background: #eee;

    color: #333;

}

    

#menu .content li {

    list-style: none;

    text-align: left;

    color: #888;

    font-size: 14px;

    line-height: 30px;

    height: 30px;

    padding-left: 10px;

}



/* Inicio Text */

.inicio-text {

	color: #676e73;

   width: 100%;

   text-align: center;

   margin: 54px auto 24px auto;

}

.inicio-text h1 {

   font: 50px/1.2em 'montserrat-regular', sans-serif; 

   color: #fff;

   padding: 0;

   margin: 0;

   text-shadow: 0px 1px 4px rgba(0, 0, 0, .2);

}

.inicio-text h1 span,

.inicio-text a { color: #11ABB0; }

.inicio-text p {

   font: 16px/30px 'opensans-regular', sans-serif;

   padding: 0;

   margin: 12px 8% 0;

   text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);

}



/* inicio Image */

.inicio-image {

   width: 100%;

   margin: 0 auto;

}

.inicio-image img {

   vertical-align: bottom;

   display: block;

   margin-left: auto;

   margin-right: auto

}



/* inicio CTA Buttons */

#inicio .buttons {

   text-align: center;

   margin: 0 0 18px 0;

}

#inicio .buttons .button {

   font: 14px/24px 'montserrat-bold', sans-serif;

   text-transform : uppercase;

   letter-spacing: 2px;

}

#inicio .buttons .trial {

   background: #f64b39;

   margin-right: 30px;



   -webkit-animation-delay: 10s;

      -moz-animation-delay: 10s;

       -ms-animation-delay: 10s;

        -o-animation-delay: 10s;

   -webkit-animation-iteration-count: 3;

      -moz-animation-iteration-count: 3;  

}

#inicio .buttons .trial:hover { background: #F86A5A; }

#inicio .buttons .learn-more {}



/* ------------------------------------------------------------------ */

/* d. Features Section

/* ------------------------------------------------------------------ */





#inicio .feature {

   margin-top: 30px;

   margin-bottom: 54px;

}

#inicio .right {

   padding-left: 32px;

   float: right;   

}

#inicio .left {

   padding-right: 32px;

   float: left;   

}



.fluid-video-wrapper { margin-top: 18px; }





/*----------------------------------------------*/

/*	e. casas Section

/*----------------------------------------------*/



#casas {

   background: #fff;

   padding-top: 70px;

   padding-bottom: 22px;   

   border-top: 1px solid #F8F8F8;

   border-bottom: 1px solid #F8F8F8;

   text-align: center;

}

#casas .column { margin-top: -28px; }



#casas .price-block {

   background: #fcfcfc;

   border: 0px solid #fcfcfc;

   text-align: center;

   margin-bottom: 9px;

}

.plan-title {

   font: 15px/20px 'montserrat-regular', sans-serif;

   padding: 6px 6px 6px 6px;

   margin-bottom: 0px;

   text-align: center;

   text-transform: uppercase;

   letter-spacing: 2px;

}

.plan-title .fa {

  	display: block;

   	margin-bottom: 6px;

   font-size: 26px;

}

.plan-price {

	font-family: 'montserrat-bold', sans-serif;

   font-size: 30px;

   color: #222;

	padding: 6px 6px 6px 6px;

   margin-bottom: -20;

	text-align: center;

   letter-spacing: .5px;

}

.plan-price span {

	font-family: 'opensans-light', sans-serif;

	font-size: 15px;

	color: #666;	

	display: block;

	margin-top: 0;

}



ul.features {

   margin: 12px 0 0 0;

   list-style: none;

}

ul.features li {

   line-height: 9px;

   margin-bottom: 0;

}

ul.features li:nth-child(odd) { }

ul.features li:nth-child(even) { }



.plan-sign-up {

  	padding: 25px 15px;

   margin: 0;

   text-align: center;

}

.plan-sign-up .button {

   font: 13px/24px 'montserrat-bold', sans-serif;

   text-transform: uppercase;

   letter-spacing: 2px;

}



/* ------------------------------------------------------------------ */

/* c. fotos

/* ------------------------------------------------------------------ */



#fotos {

   background: #fff;

   padding-top: 70px;

   padding-bottom: 44px;   

   border-top: 1px solid #F8F8F8;

   border-bottom: 1px solid #F8F8F8;

}



/* Portfolio Content */

#fotos-wrapper .columns { padding: 0; }

.item .item-wrap {

   background: #fff;

   overflow: hidden;

   position: relative;



   -webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.item .item-wrap a {

   border: 1px

   display: block;

   cursor: pointer;

}



/* overlay */

.item .item-wrap .overlay {

   position: absolute;

   left: 0;

   top: 0;

   width: 100%;

   height: 100%;



	opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity=0);



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

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

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

	transition: opacity 0.3s ease-in-out;



   background: url(img/overlay-bg.png) repeat;

}

.item .item-wrap .link-icon {

   display: block;

   color: #fff;

   height: 30px;

   width: 30px;

   font-size: 18px;

   line-height: 30px;

   text-align: center;



   opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity=0);



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

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

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

	transition: opacity 0.3s ease-in-out;



   position: absolute;

   top: 50%;

   left: 50%;

   margin-left: -15px;

   margin-top: -15px;

}

.item .item-wrap img {

   vertical-align: bottom;



   -webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}



/* on hover */

.item:hover .overlay {

	opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity=100);

}

.item:hover .link-icon {

   opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity=100);

}

.item:hover .item-wrap img {

   -moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}





/* ------------------------------------------------------------------

/* h. localizacao

/* ------------------------------------------------------------------ */



#localizacao {

   background: #fff;

   padding-top: 70px;

   padding-bottom: 44px;   

   border-top: 1px solid #F8F8F8;

   border-bottom: 1px solid #F8F8F8;

   text-align: center;

}

#localizacao h1 {

   font: 18px/24px 'montserrat-bold', sans-serif;

   text-transform: uppercase;

   letter-spacing: 3px;

   color: #000;

}

#localizacao h1 span { display: none; }

#localizacao .header-col h1:before {

   font-family: 'FontAwesome';

   content: "\f093";

	padding-right: 18px;

	padding-top: 6px;

	font-size: 72px;

   line-height: 72px;

   text-align: center;

   float: right;

   color: #000;  

}

#localizacao .action { margin-top: 8px; }

#localizacao .action .button { text-align: center; }

#localizacao h2 {

   font: 28px/36px 'montserrat-bold', sans-serif;

   color: #000;

   margin-bottom: 12px;

}

#localizacao h2 a {

   color: inherit;

}

#localizacao p {

   color: #000; 

   font-size: 10px; 

   padding-right: 0px;

   }

#localizacao p span {

	font-family: 'opensans-semibold', sans-serif; 

	color: #000;

}

#localizacao .form-block {

   background: #fff;

   padding: 0px 20px 0px 20px;

   border: 1px solid #99cc99;

   text-align: center;  

}

.container {

  display: flex;

  justify-content: center;

}



/* ------------------------------------------------------------------ */

/* i. contactos Section

/* ------------------------------------------------------------------ */



#contactos {

   border-top: 1px solid #F8F8F8;

   border-bottom: 1px solid #202020;

   padding-top: 90px;

   padding-bottom: 180px;

   overflow: hidden;

   text-align: left;

}

#contactos a, #contactos a:visited  { color: #fff; }

#contactos a:hover, #contactos a:focus { color: #11ABB0; }



#contactos h1 { color: #fff; }

#contactos p {

   color: #d8d8d8;

   text-align: center;

   padding: 0;

}

#contactos i {

   color: #7A7A7A;

   float: left;

}

/* ------------------------------------------------------------------ */

/* j. Footer

/* ------------------------------------------------------------------ */



footer {

   padding-top: 20px;

   margin-bottom: 0px;

   color: #3c4753;

   font-size: 13px;

   line-height: 24px;

   position: relative;    

}



footer a, footer a:visited { color: #181d21; }

footer a:hover, footer a:focus { color: #181d21; }

footer a:font-size: 1px;

footer a:color: #3c4753;





footer .info { padding-right: 90px; }



footer .footer-logo a {

   display: block;

   margin-bottom: 12px;

   margin-top: 12px;

   margin-left: 3px;

}

footer .footer-logo a img {

   height: 24px;

   width: 92px;

}



footer .right-cols .columns {

   padding-right: 35px;

   padding-left: 35px;

   width: 50%;

}

footer .right-cols .columns p { margin-bottom: 1px; }



footer h3 {

   font: 13px/24px 'opensans-semibold', sans-serif;

   margin-bottom: 0;

   font-weight: normal;

   color: #fff;

   text-transform: uppercase;

   letter-spacing: 1px;

}

footer h3:before {

   font-family: 'FontAwesome';   

	margin: 0 0 6px 3px;

	font-size: 30px;

   line-height: 48px;

   text-align: left;

   color: #738291;

   display: block;

}

footer h3.address:before { content: "\f041"; }

footer h3.social:before { content: "\f0c0"; }

footer h3.contact:before { content: "\f0e0"; }



footer ul {

   margin: 0;

   padding: 0;

}

footer ul li {

   margin: 0;

   line-height: 24px;

}

footer ul li a,

footer ul li a:visited { color: #3c4753; }

footer ul li a:hover,

footer ul li a:focus { color: #fff; }



/* copyright */

footer .copyright {

   margin: 0;

   padding: 0 18px;

   clear: both;

}



/* Go To Top Button */

#go-top {

	position: relative;

	bottom: 0px;

    

    float: right;   

    text-align: center;   

}

#go-top a {

	text-decoration: none;

	border: 0 none;

	display: inline-block;

	width: 30px;

	height: 30px;

	background: #669966;



	-webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;



   color: #fff;

   font-size: 15px;

   line-height: 30px;

 	border-radius: 10%;

}

#go-top a:hover { background: #99CC99; }



/* ------------------------------------------------------------------ */

/* k. lightbox

/* ------------------------------------------------------------------ */



#imagelightbox {

   cursor: pointer;

   position: fixed;

   z-index: 995;

   -ms-touch-action: none;

   touch-action: none;

   -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */

   -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */

   box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */

}



/* activity indication */

#imagelightbox-loading,

#imagelightbox-loading div { border-radius: 50%; }

#imagelightbox-loading {

   width: 2.5em; /* 40 */

   height: 2.5em; /* 40 */

   background-color: #444;

   background-color: rgba( 0, 0, 0, .5 );

   position: fixed;

   z-index: 999;

   top: 50%;

   left: 50%;

   padding: 0.625em; /* 10 */

   margin: -1.25em 0 0 -1.25em; /* 20 */

   -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */

   -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */

   box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */

}

#imagelightbox-loading div {

   width: 1.25em; /* 20 */

   height: 1.25em; /* 20 */

   background-color: #fff;



   -webkit-animation: imagelightbox-loading .5s ease infinite;

   -moz-animation: imagelightbox-loading .5s ease infinite;

   -o-animation: imagelightbox-loading .5s ease infinite;

   animation: imagelightbox-loading .5s ease infinite;

}



@-webkit-keyframes imagelightbox-loading {

	from { opacity: .5; -webkit-transform: scale( .75 ); }

	50% { opacity: 1; -webkit-transform: scale( 1 ); }

	to { opacity: .5; -webkit-transform: scale( .75 ); }

}   

@-moz-keyframes imagelightbox-loading {

	from { opacity: .5; -moz-transform: scale( .75 ); }

	50% { opacity: 1; -moz-transform: scale( 1 ); }

	to { opacity: .5; -moz-transform: scale( .75 ); }

}

@-o-keyframes imagelightbox-loading {

	from { opacity: .5; -o-transform: scale( .75 ); }

	50% { opacity: 1; -o-transform: scale( 1 ); }

	to { opacity: .5; -o-transform: scale( .75 ); }

}

@keyframes imagelightbox-loading {

	from { opacity: .5; transform: scale( .75 ); }

	50% { opacity: 1; transform: scale( 1 ); }

	to { opacity: .5; transform: scale( .75 ); }

}



/* lightbox overlay */

#imagelightbox-overlay {

   background-color: #383838;

   background-color: rgba( 0, 0, 0, .8 );

   position: fixed;

   z-index: 994;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

}



/* close button */

#imagelightbox-close {	  

   position: fixed;

   z-index: 999;

   top: 2.5em; /* 40 */

   right: 2.5em; /* 40 */ 

}



#imagelightbox-close i {	  

	display: block;

	background: #fff;

	padding: 10px;

	border-radius: 100%;



	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */

	-moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */

	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */

}

a#imagelightbox-close { color: #333; }

a#imagelightbox-close:hover, a#imagelightbox-close:focus { color: #11ABB0; }



/* lightbox caption */

#imagelightbox-caption {

	text-align: center;

	color: #fff;

	background-color: #000;

	position: fixed;

	z-index: 999;

	left: 0;

	right: 0;

	bottom: 0;

	padding: 0.625em; /* 10 */

}



#imagelightbox-loading,

#imagelightbox-overlay,

#imagelightbox-close,

#imagelightbox-caption {

	-webkit-animation: fade-in .25s linear;

	-moz-animation: fade-in .25s linear;

	-o-animation: fade-in .25s linear;

	animation: fade-in .25s linear;

}



@-webkit-keyframes fade-in {

	from { opacity: 0; }

	to { opacity: 1; }

}

@-moz-keyframes fade-in {

	from { opacity: 0; }

	to { opacity: 1; }

}

@-o-keyframes fade-in {

	from { opacity: 0; }

	to { opacity: 1; }

}

@keyframes fade-in {

	from { opacity: 0; }

	to { opacity: 1; }

}



@media only screen and (max-width: 41.250em) { /* 660 */



	#container	{ width: 100%; }

	#imagelightbox-close	{

		top: 1.25em; /* 20 */

		right: 1.25em; /* 20 */

	}



}