/*-----------------------------------------------------------------------------------Theme Name: TimessquareTheme URI: http://themeforest.net/user/ABdev/portfolio?ref=ABdevDescription: Timessquare - Premium HTML5 Responsive Landing PageAuthor: ABdevAuthor URI: http://www.ab-themes.comVersion: 1.2License: Teamforest licence---------------------------------- Stylesheet Guide ---------------------------------01. CSS RESET02. Global Styles    a. Columns    b. Buttons03. Header    a. Logo    b. Menu04. Slider05. Features06. Collaborate07. Plans & Pricing08. Call to action09. Get In Touch    a. Map    b. Contact Info    c. Social Buttons    d. Contact Form10. Footer-----------------------------------------------------------------------------------*/


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


/* 01. CSS RESET/*-----------------------------------------------------------------*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

b {
    font-weight: 800;
}

sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
}

html {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    margin-bottom: 3px;
}


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


/* 02. Global Styles/*-----------------------------------------------------------------*/

body {
    color: #868686 !important;
    font-family: 'Arimo', sans-serif;
    font-weight: 400;
    font-size: 15px !important;
    line-height: 2em;
}

.container {
    width: 940px;
    margin: 0 auto;
}

.columns-container {
    width: 960px;
    margin: 0 auto;
}

section {
    padding-top: 60px;
    position: relative;
    border-bottom: 1px solid #DCDCDC;
}

h2 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
}

h3 {
    color: #595959;
    font-size: 29px;
    margin-top: 25px;
}

section > .container > p {
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
}

.placeholder {
    color: #b7b7b7!important;
}

::-moz-selection {
    background: #536270;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #536270;
    color: #fff;
    text-shadow: none;
}


/*-------- 02.a. Columns --------*/

.half {
    width: 48%;
    margin: 0 1%;
}

.third {
    width: 31.3333333333333%;
    margin: 0 1%;
}

.fourth {
    width: 23%;
    margin: 0 1%;
}

.fifth {
    width: 18%;
    margin: 0 1%;
}


/*-------- 02.b. Buttons --------*/

.button {
    font-size: 15px;
    font-weight: 600;
    padding: 20px 25px;
    color: #FFF;
    text-transform: uppercase;
    background: #D8D6D7;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button.green {
    background: #76BB2C;
}

.button.green:hover {
    background: #67A327;
    color: #fff;
    text-decoration: none;
}

.button.blue {
    background: #526271;
}

.button.blue:hover {
    background: #3D4954
}

.price-table:hover > .button.green-hover {
    background: #76BB2C;
}

.price-table:hover > .button.blue-hover {
    background: #3D4954;
}


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


/* 03. Header/*-----------------------------------------------------------------*/

body > header {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 999;
    background: #fff;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    opacity: .9;
    filter: alpha(opacity 90);
}


/*-------- 03.a. Logo --------*/

#logo h1 {
    display: none;
}


/*-------- 03.b. Menu --------*/

.main-menu-select {
    display: none;
}

nav ul {
    list-style: none;
    float: right;
    margin-top: 26px;
}

nav ul li {
    float: left;
    font-size: 15px;
    color: #999898;
    margin: 0 10px;
}

nav ul li:last-child {
    margin-right: 0;
}

nav ul li a {
    text-decoration: none;
    color: inherit;
}

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

nav ul li.highlight {
    background: #76bb2c;
    padding: 2px 15px;
    margin: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #adc98f;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    top: -4px;
}

nav ul li.highlight:hover {
    background: #67A327;
}

nav ul li.highlight a {
    color: #FFFFFF;
}


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


/* 04. Slider/*-----------------------------------------------------------------*/

#slider {
    border: 0px;
    padding: 0px;
    height: 785px;
}

.flexslider:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: url("../images/slider-inner-shadow.png") no-repeat center bottom transparent;
}

.slides:before {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: url('../images/bg-overlay-pattern.png');
    opacity: .4;
    filter: alpha(opacity 40);
}

.slide {
    position: relative;
    top: 0px;
    left: 0px;
}

.slide img {
    height: 100% !important;
    width: 1920px !important;
    /* max-width: 1920px; */
    background: #888;
    position: relative;
    /*    left: -960px;    margin-left: 50%;    */
}

.slide-caption {
    color: #FFFFFF;
    position: absolute;
    top: 200px;
    margin-left: 0px;
    width: 700px;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 80px 80px rgba(0, 0, 0, 0.18);
}

.slide .slide-caption h2 {
    font-size: 50px;
    margin-bottom: 31px;
    text-shadow: 0px 1px #000000;
    text-align: left;
}

.slide .slide-caption p {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 54px;
    text-shadow: 0px 1px #000000;
}

.slide .slide-caption .button-underline {
    border-bottom: 3px solid #76BB2C;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    margin-left: 20px;
    padding: 16px 0 1px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    text-shadow: 0 0px 5px #000000;
}

#slider:after {
    display: block;
    content: "";
    background: url("../images/slider-outer-shadow.png") no-repeat center bottom;
    height: 25px;
    width: 100%;
}


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


/* 05. Features/*-----------------------------------------------------------------*/

#features {
    background: url("../images/features-bg.png") no-repeat scroll center 830px;
    box-shadow: 0 1px 1px #C2C2C2;
    -moz-box-shadow: 0 1px 1px #C2C2C2;
    -webkit-box-shadow: 0 1px 1px #C2C2C2;
    padding-top: 80px;
    border: 0px;
    box-shadow: none;
}

#features .fourth {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 0px;
    float: left;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 300px;
}

#features .fourth ul {
    text-align: left;
    padding-left: 20px;
}

#features .fourth li {
    line-height: 23px;
    padding: 0 5px;
}

#features .fourth:hover {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.13), 0 0 0 1px #D8D8D8 inset;
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.13), 0 0 0 1px #D8D8D8 inset;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.13), 0 0 0 1px #D8D8D8 inset;
    transition: all 0.2s linear 0s;
}

#features .fourth p {
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 18px;
}


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


/* 06. Collaborate/*-----------------------------------------------------------------*/

#oferta-domy-szeregowe,
#oferta-domy-jednorodzinne {
    text-align: center;
    background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0.65) 75%, rgba(255, 255, 255, 1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(22%, rgba(255, 255, 255, 0)), color-stop(39%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.65)), color-stop(94%, rgba(255, 255, 255, 1))), url('../images/collaborate-bg.jpg') repeat 0 0;
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0.65) 75%, rgba(255, 255, 255, 1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
    background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0.65) 75%, rgba(255, 255, 255, 1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0.65) 75%, rgba(255, 255, 255, 1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0.65) 75%, rgba(255, 255, 255, 1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}

#oferta-domy-szeregowe p,
#oferta-domy-jednorodzinne p {
    margin-bottom: 45px;
}

#oferta-domy-szeregowe img,
#oferta-domy-jednorodzinne img {
    margin-top: 75px;
}


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


/* 07. Plans & Pricing/*-----------------------------------------------------------------*/

#plans {
    padding-top: 212px;
    background: url("../images/pricing.png") no-repeat center top;
}

.price-table {
    border: 1px solid #D8D8D8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 5px 5px 35px;
    text-align: center;
}

.table-title {
    background: #D8D7D7;
    color: #A09F9F;
    font-size: 17px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 0;
    padding: 15px;
    text-transform: uppercase;
}

.price-table.green:hover .table-title {
    background: #76BA2F;
    color: #FFFFFF;
    transition: all 0.2s linear 0s;
}

.price-table.blue:hover .table-title {
    background: #506171;
    color: #FFFFFF;
    transition: all 0.2s linear 0s;
}

.table-price {
    display: block;
    font-size: 60px;
    line-height: 65px;
    margin: 20px 0 0;
}

.table-price.green {
    color: #76BA2F;
}

.table-price.blue {
    color: #506171;
}

.table-price span {
    font-weight: 700;
}

.table-price small {
    font-weight: 700;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    top: -13px;
}

.price-table p {
    color: #989898;
    font-size: 14px;
    line-height: 30px;
    margin-top: 0px;
    padding: 0 60px 40px;
}


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


/* 08. Call to action/*-----------------------------------------------------------------*/

#call-to-action {
    background: #F5F5F5;
    padding: 40px 0px;
}

#call-to-action p {
    font-size: 20px;
    line-height: 42px;
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 30px;
}

#call-to-action .button {
    margin-right: 20px;
}


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


/* 09. Get In Touch/*-----------------------------------------------------------------*/

#get-in-touch {
    padding-top: 212px;
    background: url("../images/get-in-touch.png") no-repeat center top;
    padding-bottom: 100px;
    border-bottom: none;
}

#get-in-touch #contact {
    margin-top: 80px;
}


/*-------- 09.a. Map --------*/

#map {
    height: 330px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    margin-top: 30px;
    position: relative;
}

#map div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#map img {
    max-width: none;
}

#map:after {
    display: block;
    content: "";
    background: url("../images/slider-inner-shadow.png") no-repeat center center transparent;
    position: absolute;
    z-index: 3;
    left: 0px;
    bottom: 0px;
    height: 25px;
    width: 100%;
}


/*-------- 09.b. Contact Info --------*/

#company-details {
    background: #F5F5F5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 20px;
    line-height: 42px;
    margin-bottom: 10px;
    padding: 30px 35px;
}

#company-details strong {
    font-weight: 700;
}

#company-details p {
    font-size: 18px;
    line-height: 42px;
}

#company-details p a {
    color: #76BB2C;
}


/*-------- 09.c. Social Buttons --------*/

.social-buttons a {
    width: 49%;
    text-align: center;
    margin-bottom: 20px;
    height: 55px;
    padding-top: 15px;
}

.social-buttons a.facebook {
    background: #D8D6D7 url("../images/facebook.png") 5px 7px no-repeat;
}

.social-buttons a.twitter {
    background: #D8D6D7 url("../images/twitter.png") 5px 7px no-repeat;
}

.social-buttons a.facebook:hover {
    background-color: #3B5997;
}

.social-buttons a.twitter:hover {
    background-color: #00C0FF;
}


/*-------- 09.d. Contact Form --------*/

#get-in-touch form .input,
#get-in-touch form .textarea {
    border: 1px solid #D8D8D8;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #555555;
    font-size: 14px;
    font-family: inherit;
    height: 40px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#get-in-touch form .textarea {
    height: 175px;
    vertical-align: top;
}

.captcha {
    border: 1px solid #D8D8D8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 10px 0 11px 0;
    margin-bottom: 10px;
}

#recaptcha_image span a {
    text-decoration: none;
    color: #aaa;
}

#recaptcha_image span:hover a {
    color: #76bb2c;
}

#recaptcha_image span a#recaptcha_audio_play_again {
    position: absolute;
    top: 8px;
    left: 8px;
}

#recaptcha_image span a#recaptcha_audio_download {
    position: absolute;
    top: 38px;
    left: 8px;
}

.captcha .recaptcha_reload,
.captcha .recaptcha_only_if_image,
.captcha .recaptcha_only_if_audio,
.captcha .recaptcha_help {
    position: absolute;
    right: 8px;
}

.captcha .recaptcha_reload {
    top: 0;
}

.captcha .recaptcha_only_if_image,
.captcha .recaptcha_only_if_audio {
    top: 23px;
}

.captcha .recaptcha_only_if_image {
    right: 7px !important;
}

.captcha .recaptcha_help {
    top: 46px;
}

button#contact-submit {
    border: 0px;
    margin-bottom: 10px;
}

.submit_note {
    clear: both;
}

.alert-warning,
.alert-success {
    display: block;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.alert-warning {
    background: #fb7973;
    color: #fff;
}

.alert-success {
    background: #76bb2c;
    color: #fff;
}


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


/* 10. Footer/*-----------------------------------------------------------------*/

footer {
    background: #F5F5F5;
    font-size: 15px;
    margin-top: 0px;
    padding: 23px 0 20px;
    color: #acabab;
}

footer p {
    margin-top: 0px;
}

footer a {
    color: #acabab;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer .right {
    text-align: right;
}

footer .footer-links a {
    padding: 0 10px;
    border-right: 1px solid #acabab;
}

footer .footer-links a:last-child {
    padding-right: 0;
    border-right: none;
}

footer .footer-links a:first-child {
    padding-left: 0;
}

.pobierz {
    margin-right: 20px;
    float: left;
}

.row {
    margin: 0 80px;
    line-height: 25px;
}

.span6 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    border: 3px solid #E7E7E7;
    height: 450px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.span6.box1,
.span6.box2 {
    height: 250px
}

.span6 .title_box:hover {
    background-color: #76BB2C;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.dach_txt {
    margin: -270px 190px 0px;
    text-align: center;
    line-height: 25px;
}

.dom {
    margin-bottom: 50px;
    clear: both;
}

li {
    list-style-type: none;
}

#features li::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    margin-right: 10px;
}

#galeria a:hover:after {
    content: "\f00e";
    font-family: "FontAwesome";
    position: absolute;
    margin-top: 70px;
    margin-left: -180px;
    font-size: 30px;
    color: #000;
    background-color: #77BC28;
    padding: 12px 15px;
    opacity: 0.8;
    transition: all 0.25s ease-in-out 0s;
    border: 1px solid #77BC28;
    border-radius: 100%;
    animation-duration: 1s;
    animation-fill-mode: both;
}

#galeria,
#oferta-domy-szeregowe,
#oferta-domy-jednorodzinne {
    padding-bottom: 60px;
}

.center {
    text-align: center;
}

.film {
    width: 560px;
    margin: 60px auto 0;
}

.title_box {
    background-color: rgb(83, 98, 112);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
    font-weight: 800;
    font-size: 20px;
    margin: -5px;
    border-radius: 5px;
    letter-spacing: 1px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(159, 151, 151, 0.8);
}

.title_box::first-letter {
    font-size: 30px;
}

.span6 ul {
    padding: 30px 30px;
}

.inwestycja p {
    padding: 10px;
    text-align: center;
    margin-bottom: 50px;
}

.inwestycja .border-bottom {
    border-width: 14px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(118, 187, 44);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    margin: 20px;
}

#logo img {
    width: 140px;
    margin-top: 3px;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 40px 15px;
    cursor: pointer;
    width: 50%;
    border-radius: 0;
    font-size: 30px;
}

ul.tabs .tab-link:last-child {
    float: right;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}

.gray {
    background: #536270 !important;
    color: #fff !important;
}

.gray:hover {
    background: #566578 !important;
}

#tab-1 #inwestycja:before,
#tab-1 #oferta-domy-szeregowe:before,
#tab-1 #oferta-domy-jednorodzinne:before,
#tab-1 #galeria:before {
    border-left: 15px solid #76bb2c;
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    display: block;
}

#tab-2 #inwestycja:before,
#tab-2 #oferta-domy-szeregowe:before,
#tab-2 #oferta-domy-jednorodzinne:before,
#tab-2 #galeria:before {
    border-right: 15px solid #536270;
    position: absolute;
    content: '';
    height: 100%;
    right: 0;
    display: block;
}

#galeria,
#oferta-domy-szeregowe,
#oferta-domy-jednorodzinne,
#inwestycja {
    padding-bottom: 0px;
    padding-top: 0px;
}

#galeria h2,
#oferta-domy-szeregowe h2,
#oferta-domy-jednorodzinne h2,
#inwestycja h2 {
    padding-top: 60px;
}

#tab-2 .box2 {
    width: 100%;
    height: auto;
}

.col-md-6 {
    width: 49%;
    display: inline-block;
    padding: 15px;
    vertical-align: middle;
}

header {
    position: relative !important;
}

.navbar-header img {
    padding: 5px;
}

.menu-mobile {
    display: none;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #e7e3e3;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #999;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #e7e3e3;
}