@import url('fontkit/style.css');
@import url('myriad-pro/style.css');

body {
	color: #000;
	font-family: 'Myriad Pro Regular';
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: normal;
}

a,
a:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

img {
	max-width: 100%;
}

.futura {
	font-family: 'Futura Medium Condensed';
}

.text.z-t-18 {
	line-height: 1.5;
}

header {
	background-image: url(../images/header-bg.jpg);
	background-position: center top;
	background-size: cover;
	border-top: 5px solid #1c52a4;
}

header .logo a,
header .logo a img,
.main-menu ul,
.main-menu li,
.main-menu a {
	float: left;
}

header .logo a {
	margin: 10px 0 0 0;
}

.top-right {
	padding: 5px 15px;
	background-color: rgba(117, 155, 213, .28);
	color: #4070b8;
}

.main-menu ul {
	padding: 40px 0 0 0;
}

.main-menu ul li {
	background-image: url(../images/menu-li-bg.png);
	background-position: 16px 13px;
	background-repeat: no-repeat;
	padding: 3px 0 0 30px;
	font-size: 22px;
}

.main-menu ul li:first-child {
	background-image: none;
	padding-left: 0;
}

.main-menu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #1c52a4;
}

.main-menu ul li a:hover {
	color: #000;
}

footer {
	background-image: url(../images/footer-bg.jpg);
	background-position: center top;
	background-size: cover;
	border-top: 7px solid #c49b8a;
}

.footer-menu ul,
.footer-menu li,
.footer-menu a,
.footer-social a,
.footer-social a img {
	float: left;
}

.footer-menu ul {
	padding: 5px 0 0 0;
}

.footer-menu ul li {
	background-image: url(../images/menu-li-bg.png);
	background-position: 20px 10px;
	background-repeat: no-repeat;
	padding: 0 0 0 44px;
}

.footer-menu ul li:first-child {
	background-image: none;
	padding-left: 0;
}

.footer-menu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

.footer-menu ul li a:hover {
	color: #000;
}

.footer-social a {
	margin: 0 0 0 12px;
}

.foo-con-info .head {
	color: #d3a38f;
}

.foo-logos {
	margin: 40px 0 0 85px;
}

.foo-logos img {
	float: left;
	margin: 0 78px 0 0;
}

.copyright {
	margin: 25px 0 0 0;
}

.page-banner {
	background-image: url(../images/page-banner.jpg);
	background-position: center top;
	background-size: cover;
	border-bottom: 10px solid #83a0ca;
}

.page-banner h1.page-title {
	margin: 80px 0 -5px 0;
	font-size: 70px;
	font-weight: normal;
	color: #1c52a4;
	padding: 0;
}

.page-con-area {
	background-image: url(../images/con-area-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.list-left {
	border-right: 1px solid #b5b9be;
	width: 25%;
	float: left;
	padding-right: 20px;
}

.list-left-con {}

.list-right {
	padding-left: 20px;
	width: 75%;
	float: right;
}

.list-right .listing-box {
	width: 32%;
	padding: 7px;
	border: 1px solid #b6bec7;
	background-color: #fff;
	margin-left: 2%;
	margin-bottom: 2%;
}

.list-right .listing-box:nth-child(1),
.list-right .listing-box:nth-child(3n+1) {
	margin-left: 0%;
}

.listing-box .price {
	color: #1c52a4;
}

.listing-box .list-details {
	height: 110px;
}

.list-right .listing-box a.view {
	display: inline-block;
	margin: 35px 5% 0 5%;
	width: 90%;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 4px 0;
	background-color: #1c52a4;
}

.list-right .listing-box a.view:hover,
.list-right a.view-more:hover {
	background-color: #272727;
}

.list-right a.view-more {
	background-color: #1c52a4;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	border: 3px solid #fff;
	width: 48%;
	color: #fff;
	padding: 2px 0;
}

#myMenu1 {
	z-index: 999;
}




@media screen and (max-width: 1362px) {
	.z-t-18 {
		font-size: 16px;
	}

	.z-t-22 {
		font-size: 19px;
	}

	.z-t-24 {
		font-size: 20px;
	}

	.z-t-30 {
		font-size: 25px;
	}

	.z-t-36 {
		font-size: 28px;
	}

	.z-t-40 {
		font-size: 30px;
	}

	.z-t-46 {
		font-size: 32px;
	}

	.z-t-60 {
		font-size: 50px;
	}

	.z-t-70 {
		font-size: 60px;
	}

	header .logo a {
		width: 300px;
	}

	.main-menu ul li {
		background-image: none;
		padding: 0 0 0 25px;
	}

	.footer-menu ul li {
		background-image: none;
		padding: 0 0 0 30px;
	}

	.page-banner h1.page-title {
		font-size: 46px;
	}
}

@media screen and (max-width: 992px) {
	.list-left {
		float: left;
		max-width: 100%;
		padding-right: 0px;
		width: 100%;
	}

	.list-right {
		width: 100%;
		float: left;
	}

	.z-t-24 {
		font-size: 19px;
	}

	.z-t-30 {
		font-size: 22px;
	}

	.z-t-36 {
		font-size: 24px;
	}

	.z-t-40 {
		font-size: 26px;
	}

	.z-t-46 {
		font-size: 30px;
	}

	.z-t-60 {
		font-size: 45px;
	}

	.z-t-70 {
		font-size: 38px;
	}

	.main-menu {
		display: none;
	}

	.z-mobileMenuDiv {
		background-color: #1c51a4;
	}

	.page-banner h1.page-title {
		font-size: 40px;
	}

	header .logo a {
		margin: 10px 0 0 10px;
	}

	footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	.footer-social {
		float: left;
		width: 100%;
	}

	.footer-social a {
		margin: 0 10px 0 0;
	}

	.footer-menu ul {
		padding: 10px 0;
	}

	.foo-con-info {
		margin-top: 15px;
	}

	.foo-con-info .head,
	.foo-con-info .text {
		margin: 0 0 5px 0;
	}

	.copyright {
		margin: 10px 0 0 0;
	}

	.foo-logos {
		margin: 15px 0;
		width: 100%;
	}

	.list-left,
	.list-right {
		height: auto !important;
	}

	.list-left {
		max-width: 260px;
		border-right: 0px solid #b5b9be;
	}
}

@media screen and (max-width: 767px) {
	.z-t-40 {
		font-size: 24px;
	}

	.z-t-46 {
		font-size: 26px;
	}

	.z-t-60 {
		font-size: 30px;
	}

	.z-t-70 {
		font-size: 30px;
	}

	.z-mobileMenuButton {
		background-color: #1c52a4;
	}

	.top-right,
	header .logo {
		width: 100%;
		text-align: center;
	}

	header .logo a {
		margin: 10px 0 0 10px;
	}

	header .logo a {
		margin: 10px 0 0 0;
		display: inline-block;
		float: none;
	}

	.footer-menu ul li {
		width: 33.33%;
		padding: 3px 0;
	}

	.page-banner h1.page-title {
		background-color: rgba(255, 255, 255, .5);
	}

	.list-right .listing-box {
		max-width: 280px;
		width: 48%;
		margin: 1% !important;
	}

	.listing-box .list-info {
		padding: 10px 0 0 0;
	}

	.list-right .listing-box a.view {
		margin: 15px 0 10px 0;
		width: auto;
		padding: 4px 20px;
	}
}

@media screen and (max-width: 479px) {
	.list-right .listing-box {
		width: 100%;
		margin: 10px 0 !important;
	}

	header .logo a {
		max-width: 90%;
	}

	.footer-menu ul li {
		width: 100%;
	}
}