/*############################# MAIN THEME ###################################*/
/* ----------------------GENERAL-----------------------*/
body{font-family: 'Roboto', sans-serif;}
p{font-size:16px; line-height:24px; color:#464646; margin-bottom:20px;letter-spacing:1px; font-weight:300}
h1, h2, h3 { margin-bottom:25px; }
h1{ color:#115273; font-size:50px;}
h2{ font-size:46px; line-height:30px; font-weight:300; letter-spacing:2px; color:#115273} 
h2 span{color:#115273; font-size:22px;}
h3{ color:#252222; font-size:18px;text-transform:uppercase; }
h4{color:#115273; font-size:13px;text-transform:uppercase;  }
h5{color:#000; font-size:14px;text-transform:uppercase; ;}
h5 span{color:#115273;}


.space-top{ margin-top:40px;}
.space{ margin:40px 0;}

.no-padding {
    padding: 0;
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
}
.row-eq-height {
    display: flex;
}
/* ----------------------HEADER-----------------------*/
header {}
header .navbar-brand {background: url("../img/jp-logo.png") no-repeat; display: block; height:130px;  width:438px; float:left; margin-left:20px;}
header .float-right{float: right}

.myfixed {
    background: #fff !important;
    border: 0 none !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}
#mysticky-nav {
    position: static;
    top: -100px;
    width: 100% !important;
}
.wrapfixed {
    background-color: #fff !important;
    left: 0 !important;
    margin-top: 0 !important;
    position: fixed !important;
    top: 0 !important;
    transition: all 0.3s ease 0s;
    z-index: 1000000;
}

/*navbar*/
.navbar-inverse {border:none; padding:10px 0; background-color: transparent}
.navbar{border-radius:0px; margin-top:0px; margin-bottom:5px;}
.navbar-nav{margin-top:20px}
.navbar-nav > li > a { padding:0px; margin:40px 18px 5px 18px;text-transform:uppercase; letter-spacing:2px;}
.navbar-inverse .navbar-nav > li > a {color:#464646; font-size:15px;border-bottom:solid 0px #fff; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#115273; border-bottom:solid 2px #115273;  }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color:#115273;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:none; box-shadow:none; }
.navbar-inverse .navbar-toggle {background-color:#115273; float: right; margin-left:20px; border:none}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color:#ddd; border-radius:0px}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#115273;}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #fff;
    color: #262626;
} 

.navbar-toggle {
    border-radius: 0px;
	margin-top: 24px;
	background-color:#115273;
}
.navbar-default .navbar-toggle {
	border:none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* ----------------------home-----------------------*/
.home-section #content-home #intro-home .intro-bg h2 {
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 30px;
}

.home-section #content-home #intro-home .intro-bg p {
    color: #ffffff;
 
}

.home-section #content-home #intro-home img {
    display: block;
    width: 100%;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
}

.home-section #content-home #intro-home .intro-bg {
    align-items: center;
    background-color: #115273;
    display: flex;
    justify-content: flex-end;
}
.home-section #content-home #intro-home .grey-bg {
    align-items: center;
    background-color: #eee;
    display: flex;
    justify-content: flex-end;
    padding: 30px;
}
.home-section #content-home #intro-home .intro-bg .intro-text {
    padding: 0 8% 0 0;
    text-align: left;
    width: 95%;
}

.home-section #content-home #intro-home .grey-bg .intro-text {
    padding: 0 8% 0 0;
    text-align: left;
    width: 95%;
}

.home-section #content-home #properties-home .properties-bg h2 {
    line-height: 1.2;
    margin-bottom: 30px;
}

.home-section #content-home #properties-home .properties-bg p {
    color: #454545;
 
}

.home-section #content-home #properties-home img {
    display: block;
    width: 100%;
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff;
	border-left: solid 4px #fff;
}

.home-section #content-home #properties-home .properties-bg {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
}

.home-section #content-home #properties-home .properties-bg .properties-text {
    padding: 0 8% 0 0;
    text-align: left;
    width: 95%;
}

.home-section {
    overflow: hidden;
}
.home-section .main-page {
    padding: 0;
}

.btn-default{ background-color: #FFF; border-radius:0px; border:solid 3px #115273; padding: 15px 20px; margin-bottom: 30px; font-weight: 700;  }
.form-control { border-radius:0; box-shadow:none; }


footer .contact-footer{ background-color: #243540; padding:40px 0}
footer .contact-footer p{ color:#fff;}
footer .legal-footer{ background-color: #fff; color:#454545; padding:20px 0}

/*############################# RESPONSIVE ###################################*/

@media (max-width: 768px) {
	header .float-right{float:none;!important}
	.
}
@media (max-width: 1366px) {
	p{font-size:15px; line-height:22px;}

}
@media (max-width: 1024px) {
	navbar-nav{margin-top:0px}
.navbar-nav > li > a { padding:0px; margin:10px 18px 20px 18px;}
header .navbar-brand {background: url("../img/jp-logo-mobile.png") no-repeat; display: block; height:86px;  width:290px; float:left; margin-left:10px;}

}

@media (max-width: 480px) {
header .navbar-brand {background: url("../img/jp-logo-mobile.png") no-repeat; display: block; height:86px;  width:290px; float:left; margin-left:10px;}
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
.home-section #content-home #intro-home .intro-bg .intro-text {
    width: 87%;
}
.home-section #content-home #properties-home .properties-bg .properties-text {
    width: 87%;
}

}
@media only screen and (min-width: 767px) and (max-width: 992px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 280px) and (max-width: 380px), only screen and (min-width: 380px) and (max-width: 480px) {
.home-section #content-home #intro-home .intro-bg .intro-text {
    padding: 8%;
    text-align: center;
    width: 100%;
}
.home-section #content-home #properties-home .properties-bg .properties-text {
    padding: 8%;
    text-align: center;
    width: 100%;
}
}
  

@media only screen and (min-width: 480px) and (max-width: 767px) {
.home-section .mobile-bg {
    display: table;
    height: 46vh;
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.home-section .mobile-bg {
    display: table;
    height: 60vh;
}
}
@media only screen and (min-width: 280px) and (max-width: 380px) {
.home-section .mobile-bg {
    display: table;
    height: 66vh;
    padding: 0 6px;
}
}
@media only screen and (min-width: 767px) and (max-width: 992px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (min-width: 380px) and (max-width: 480px), only screen and (min-width: 280px) and (max-width: 380px) {
.row-eq-height {
    display: block;
}
}
@media (max-width:960px) {
	.navbar .container {
    width:100% !important;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px 0;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav> li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
}