/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Lato', sans-serif; font-size: 16px; color: #000; }

input, select, textarea { font-family: 'Lato', sans-serif; font-size: 16px; color: #000; }
body { background: #fff; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1240px; position: relative; }
.row:before, .row:after {content: normal;}
.row-flex,
.row-flex > div[class*='col-'] {
	flex-wrap: wrap;
	flex: 1 1 auto;
}

.row {margin: 0 -10px;}
.row .col {padding: 0 10px;}

.form-control {width: 100%; background: #fff; padding: 0 20px; height: 48px; line-height: 48px; border: none; font-size: 14px; border-radius: 0; }
.btn {background: #ff9933; color: #fff; border: none; cursor: pointer; font-size: 14px; font-weight: bold; text-align: center; padding: 15px 20px; min-width: 200px; border-radius: 0;}
.btn.grey {background: #666666;}
.link {color: #336699; font-weight: bold; font-size: 18px; text-decoration: none;}

h1,h2,h3,h4,h5,h6 {font-weight: bold; color: #336699; margin: 0;}
h1 {font-size: 40px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 24px;}
h6 {font-size: 20px;}

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; background: #fff; }
	#headerCntr .logo { float: left; }
	#headerCntr .logo img { width: 135px; }
#headerCntr .top {background: #eaf5ff; padding: 15px 0; overflow: hidden; }
#headerCntr .bottom {background: #ffffff; padding: 15px 0; overflow: auto; }

#headerCntr .user {float: left; }
#headerCntr .user span {font-size: 13px; display: inline-block; vertical-align: middle; margin-right: 10px; }
#headerCntr .user select {-webkit-appearance: none; -moz-appearance: none; border: 1px solid #cbd6e0; width: auto; height: 30px; background: #fff url(../img/arrow-down.svg) no-repeat center right 15px; background-size: 12px; padding-left: 16px; padding-right:30px; }
#headerCntr .icons {float: right;}
#headerCntr .icons ul {list-style: none;}
#headerCntr .icons li {float: left; margin-left: 25px;}
#headerCntr .icons li a {display: block;}
#headerCntr .icons li a img {width: 32px; height: 32px;}
#headerCntr .icons li:last-child a {display: block; width: 32px; height: 32px; background: #fff; line-height: 32px; text-align: center; color: #22689a; font-weight: 800; border-radius: 50%; font-size: 14px;}

	/* ### menu box ### */
		.menuBox:not(.mm-menu) { float: right; padding-top: 15px; }
.menuBox:not(.mm-menu) ul {list-style: none;}
.menuBox:not(.mm-menu) li {float: left; margin-left: 80px; font-size: 14px; font-weight: 900; text-transform: uppercase; }
.menuBox:not(.mm-menu) li a {color: #193360; text-decoration: none;}
.menuBox:not(.mm-menu) li a:hover, .menuBox:not(.mm-menu) li.active a {color: #337ab7;}


		.mobileMenu {cursor:pointer;z-index:15;float:left;display:none;width:40px;height:40px;position:relative;transition:.2s;overflow:hidden}
			.mobileMenu span{display:block;height:4px;text-indent:-9999px;border-radius:5px;background:#193360;position:absolute;top:50%;right:20%;left:20%;transition:.2s}
		.mobileMenu span:before,.mobileMenu span:after{display:block;width:100%;height:4px;content:'';border-radius:5px;background-color:#193360;transition-duration:0.2s,.2s;position:absolute;left:0}
		.mobileMenu span:before{top:-7px;transition-property:top,transform}
		.mobileMenu span:after{bottom:-7px;transition-property:bottom,transform}
		.mm-opened .mobileMenu span{background:none}
		.mm-opened .mobileMenu.active span:before,.mm-opened .header__menu-toggle.active span:after{transition-delay:0s,.2s}
		.mm-opened .mobileMenu span:before{top:0;transform:rotate(45deg)}
		.mm-opened .mobileMenu span:after{bottom:0;transform:rotate(-45deg)}

	/* ### content container ### */
	#contentCntr { width: 100%; }

/* ### banner container ### */
#bannerCntr {width: 100%; min-height: 640px; background: url(../img/bg-banner.jpg) no-repeat center top; background-size: cover; }
#bannerCntr .center {height: 100%; padding-top: 160px;}
#bannerCntr h1 {color: #fff; font-size: 40px; line-height: 55px; margin-bottom: 60px; font-weight: bold;}
#bannerCntr .tabs { width: 100%; padding-bottom: 15px; overflow: hidden; }
#bannerCntr .tabs ul {list-style: none;}
#bannerCntr .tabs li {float: left; margin-right: 20px; font-size: 14px;}
#bannerCntr .tabs li a {display: block; padding: 17px 25px; background: rgba(255,255,255,0.8); font-weight: bold; color: #6b6a66;}
#bannerCntr .tabs li a:hover {background: #ededed; color: #000; text-decoration: none;}
#bannerCntr .tabs li.active a {background: #ededed; position: relative; color: #000;}
#bannerCntr .tabs li.active a:before {content: ''; width: 14px; height: 8px; background: url(../img/arrow-pointer.svg) no-repeat center bottom; background-size: 100%; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); }
#bannerCntr .content {width: 100%; margin-top: -25px; }
#bannerCntr .content p { text-align: right; color: #fff; font-weight: bold; margin-bottom: 10px;}
#bannerCntr fieldset {background: #ebf5ff; padding: 20px; overflow: hidden; border: none; }
#bannerCntr input[type="text"] {float: left; width: calc(60% - 20px); margin-right: 20px; }
#bannerCntr select {float: left; width: calc(25% - 20px); margin-right: 20px; -webkit-appearance: none; -moz-appearance: none; background: #fff url(../img/arrow-down.svg) no-repeat center right 15px; background-size: 12px; font-size: 14px; }
#bannerCntr .btn {float: left; min-width: 15%; min-width: auto; padding-top: 13px; padding-bottom: 13px; }
#bannerCntr .content ul {overflow: hidden; padding-top: 20px;}
#bannerCntr .content li {float: left; font-size: 14px; font-weight: bold; padding-right: 15px; background: url(../img/arrow-right.svg) no-repeat right; background-size: 7px; margin-right: 45px;}
#bannerCntr .content li a {color: #fff; text-decoration: none;}
#bannerCntr.sub {height: 600px; background: url(../img/bg-banner1.jpg) no-repeat center top; background-size: cover; text-align: center;}
#bannerCntr.sub .center {padding-top: 220px;}
#bannerCntr.sub .btn {float: none; font-size: 20px;}

.adBox {width: 100%; padding: 25px 0; text-align: center; background: #ebf5ff;}
.adBox img {max-width: 100%; display: inline-block;}

.productGridBox {width: 100%; padding: 50px 0; background: #fff;}
.productGridBox .row {margin:0 -25px;}
.productGridBox .col {padding: 0 25px;}
.productGridBox h2 {font-size: 26px; margin-bottom: 35px;}
/* .productGridBox figure {position: relative; width: 100%; margin-bottom: 25px; } */
.productGridBox figure {position: relative; width: 100%; margin-bottom: 25px; max-height: 250px; overflow: hidden; }
.productGridBox img {width: 100%;}
.productGridBox figure em {width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(51,102,153,0.8); padding: 10px 20px; color: #fff; font-style: italic; }
.productGridBox strong {display: block; color: #336699; font-size: 20px; display: block; margin-bottom: 10px;}
.productGridBox p {font-size: 15px; font-weight: 600;}
.productGridBox span {color: #336699; font-size: 18px; font-weight: bold;}

/* ### register container ### */
#registerCntr {width: 100%; padding: 50px 0; background: #ebf5ff; overflow: hidden;}
#registerCntr .text {float: left;}
#registerCntr .btn {float: right; font-size: 17px; margin-top: 10px;}
#registerCntr h5 {margin-bottom: 15px;}
#registerCntr p {font-size: 17px;}

/* ### provider container ### */
#providerCntr {width: 100%; padding: 35px 0; background: #fff; overflow: hidden; }
#providerCntr .text {padding-top: 20px; padding-bottom: 20px; padding-right: 30px;}
#providerCntr .map img { width: 100%;}
#providerCntr h4 {margin-bottom: 20px;}
#providerCntr p  { margin-bottom: 40px; line-height: 26px;}
#providerCntr ul li { font-size: 15px; margin-bottom: 15px;}
#providerCntr ul li a {color: #000; text-decoration: none;}
#providerCntr ul li a:hover {color: #ff9933;}


/* ### information container ### */
		#informationCntr { width: 100%; background: #ebf5ff; padding: 50px 0; }
#informationCntr h4 {margin-bottom: 15px;}
#informationCntr p  { margin-bottom: 40px; line-height: 26px;}
#informationCntr .row {margin:0 -20px;}
#informationCntr .col {padding: 0 20px;}
#informationCntr .slider { height: 100%; width: 100%; position: relative;}
#informationCntr .slider .slide {width: 100%; height: 100%; position: relative; overflow: hidden;}
#informationCntr .slider img {width: auto!important; min-width: 100%; height: auto!important; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#informationCntr .slider .slide:before {content: ''; height: 300px; width: 100%; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); /* IE6-9 */

}
#informationCntr .slider .slide p {position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; color: #fff; font-size: 17px; line-height: 25px; margin-bottom: 0; z-index: 2; }
#informationCntr .slider .slide p strong {display: block; font-size: 19px;}
#informationCntr .thumbs {width: 100%; margin: -15px 0;}
#informationCntr .thumbs .slide {padding: 12px 0; border-bottom: 1px solid #fff; overflow: hidden; cursor: pointer;}
#informationCntr .thumbs img {float: left; margin-right: 15px;}
#informationCntr .thumbs p {overflow: hidden; font-size: 17px; line-height: 26px; margin-bottom: 0; padding-top: 10px;}
#informationCntr .ads {overflow: hidden; padding-top: 60px;}
#informationCntr .ads .plugin {float: left;}
#informationCntr .ads .btn {float: right; margin-top: 15px; font-size: 20px;}

/* ### service container ### */
#serviceCntr {width: 100%; padding: 50px 0; background: #fff; overflow: hidden; }
#serviceCntr h4 {margin-bottom: 20px;}
#serviceCntr p  {margin-bottom: 40px; line-height: 26px;}
#serviceCntr .col {float: left; width: 37%; padding-right: 120px;}
#serviceCntr .ad {float: left; width: 26%; }
#serviceCntr .ad img {width: 100%;}
#serviceCntr h6 {border-bottom: 1px solid #336699; padding-bottom: 15px; margin-bottom: 20px; }
#serviceCntr .col p {margin-bottom: 25px;}
#serviceCntr .col strong {display: block; font-size: 20px;}
#serviceCntr .holder {overflow: hidden; padding-bottom: 40px;}
#serviceCntr .btn {font-size: 20px;}

/* ### leading container ### */
#leadingCntr {width: 100%; padding: 50px 0; background: #ebf5ff;}
#leadingCntr h3 {margin-bottom: 20px;}
#leadingCntr p {line-height: 26px; font-size: 15px; margin-bottom: 20px;}
#leadingCntr .row {margin:0 -10px;}
#leadingCntr .photos {margin-bottom: 20px;}
#leadingCntr .col {padding: 0 10px;}
#leadingCntr .photo {width: 100%; min-height: 315px; position: relative; overflow: hidden;}
#leadingCntr .photo:before {content: ''; height: 300px; width: 100%; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); /* IE6-9 */

}
#leadingCntr .photo img {width: auto!important; min-width: 100%; height: auto!important; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#leadingCntr .photo p {position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; color: #fff; font-size: 17px; line-height: 25px; margin-bottom: 0; z-index: 1; }
#leadingCntr .photo p strong {display: block; font-size: 19px;}
#leadingCntr .link {display: inline-block; margin-bottom: 35px;}
#leadingCntr .buttons a { display: block; padding: 30px 30px 30px 100px; color: #fff; text-decoration: none; background: #336699 url(../img/House_Key.svg) no-repeat 25px; background-size: 50px; height: 100%; }
#leadingCntr .buttons a.single {padding-top: 35px;}
#leadingCntr .buttons a strong {font-size: 20px; display: block;}
#leadingCntr .buttons a.rental {background: #336699 url(../img/Key.svg) no-repeat 25px; background-size: 50px;}
#leadingCntr .buttons a.service {background: #336699 url(../img/Operator.svg) no-repeat 25px; background-size: 50px;}
#leadingCntr .buttons a.search {background: #336699 url(../img/Search_House.svg) no-repeat 25px; background-size: 50px;}
#leadingCntr .buttons a.key {background: #336699 url(../img/Key.svg) no-repeat 25px; background-size: 50px;}

#leadingCntr .buttons .col {margin-bottom: 20px;}
#leadingCntr .buttons.sub a {background: #336699 url(../img/logo-small.svg) no-repeat 25px; background-size: 60px;}



#leadingCntr .buttons.sub a.list {background: #336699 url(../img/Key.svg) no-repeat 25px; background-size: 50px;}
#leadingCntr.cta {background: #f5f5f5; text-align: center; margin-bottom: 60px;}
#leadingCntr.cta a {text-align: left; background-color:#666666; }
#leadingCntr.cta .buttons a.search { background:#666666 url(../img/Search_House.svg) no-repeat 25px; background-size: 50px; }
#leadingCntr.cta .buttons a.key { background:#666666 url(../img/Key.svg) no-repeat 25px; background-size: 50px;}


#leadingCntr.cta .buttons a:hover  { background-color:#336699; }
#leadingCntr.cta .buttons a.active { background-color:#003366; }




/* ### link container ### */
#linkCntr {width: 100%; background: #fff; padding: 50px 0 20px;}
#linkCntr strong {display: block; font-size: 20px; color: #22689a; margin-bottom: 20px;}
#linkCntr .quicklinks {margin-bottom: 40px;}
#linkCntr .col ul li { margin-bottom: 10px; }
#linkCntr .col ul li a {color: #000;}
#linkCntr .col ul li a:hover {color: #337ab7; text-decoration: none;}
#linkCntr .links {overflow: hidden;}
#linkCntr .links li {float: left; font-weight: bold; margin-right: 30px;}
#linkCntr .links li a {color: #22689a; }
#linkCntr .links li a:hover {color: #000; text-decoration: none;}

/* ### breadcrumb box ### */
.breadcrumbBox { width: 100%; background: #eaf5ff; padding: 10px 0;}
.breadcrumbBox ul {list-style: none; overflow: hidden; margin-bottom: 0;}
.breadcrumbBox li {float: left; padding-right: 15px; font-size: 14px;}
.breadcrumbBox li a {color: #054572;}
.breadcrumbBox li a:hover {color: #337ab7; text-decoration: none;}

/* ### title box ### */
.titleBox {width: 100%; padding: 40px 0;}
.titleBox h1 { margin-bottom: 20px; font-size: 28px; }
.titleBox p {line-height: 30px;}

/* ### tab box ### */
.tabBox {width: 100%; overflow: hidden; margin-bottom: 30px; }
.tabBox .center { border-bottom: 2px solid #336699; overflow: hidden;}
.tabBox ul { margin-bottom: 0; float: left;}
.tabBox li {float: left; margin-right: 10px;}
.tabBox li a {display: block; padding:3px 10px; min-width: 220px; text-align: center; line-height: 40px; color: #fff!important; font-weight: bold; background: #85a3c2; border-radius: 0;}
.tabBox li a:hover, .tabBox li.active a {background: #336699!important; text-decoration: none;}
.tabBox p {float: right; font-weight: bold; padding-top: 10px; }

/* ### filterBox box ### */
.filterBox { width: 100%; }
.filterBox .set {background: #ebf5ff; padding: 40px; margin-bottom: 20px; padding-bottom: 20px;}
.filterBox p {display: block; margin-bottom: 20px;}
.filterBox .selection {list-style: none;}
.filterBox .selection li {width: 100%; margin-bottom: 5px; background: #fff; padding: 9px 0; position: relative; padding-left: 50px; }
.filterBox .selection li a {float: left; width: 40px; height: 40px; background: #336699 url(../img/close.svg) no-repeat center; background-size: 18px; margin-right: 18px; position: absolute; top: 0; left: 0; }
.filterBox .btn {min-width: 50%; padding-top: 10px; padding-bottom: 10px;}
.filterBox .btn:last-of-type {margin-left: 10px; min-width: calc(50% - 10px);}
.filterBox .list {padding: 10px; list-style: none; display: none;}
.filterBox .list li {overflow: hidden; margin-bottom: 7px;}
.filterBox .list li.active { font-weight:bold; padding-left:10px; }
.filterBox .list li a {color: #000;}
.filterBox .list li a:hover {text-decoration: none;}
.filterBox .list li span {float: right}
.filterBox .head {display: block; color: #336699; font-weight: bold; padding-left: 20px; background: url(../img/arrow1.svg) no-repeat left; background-size: 10px; cursor: pointer; margin-bottom: 10px; font-size: 18px;}
.filterBox .head.active {background: url(../img/arrow1-down.svg) no-repeat left; background-size: 13px; color: #ff9933;}

/* ### video box ### */
.videoBox {width: 100%; background: #ebf5ff; padding: 20px; margin-bottom: 20px; }
.videoBox p { font-size: 18px; margin-bottom: 20px; color: #336699; font-weight: bold;}
.videoBox figure {width: 100%; position: relative;}
.videoBox figure img {width: 100%;}
.videoBox .play {width: 50px; height: 50px; background: url(../img/play-icon.svg) no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/* ### sort box ### */
.sortBox { margin: 10px 0 30px; }
.sortBox .label {  float: left; margin: 5px 10px 0 0; color: #000; font-size: 14px; }
.sortBox .ffSelectWrapper {text-align: left;}
.sortBox .ffSelectWrapper .ffSelect {border-radius: 0; width: 220px; line-height: 34px; height: 34px; border-color: #cccccc; background: #fff url(../img/arrow-select.svg) no-repeat right 12px center; background-size: 12px; text-align: left; font-size: 14px; padding: 0 20px;}
.sortBox .ffSelectWrapper .ffSelectMenuWrapper {width: calc(100% + 2px); top: 32px!important; left: -1px; border-color: #cccccc; background: #fff; text-align: left; padding: 5px 0; }
.sortBox .ffSelectWrapper li {padding: 10px 25px; line-height: normal; height: auto; font-size: 14px;}
.sortBox .ffSelectWrapper li:hover {background: #ff9933; color: #fff;}
.sortBox .ffSelectWrapper .scrollingHandle {background: #336699;}
.sortBox .pager {float: right; margin: 10px 0 0;}
.sortBox .pager li {float: left; margin: 0 10px; font-weight: bold; font-size: 14px;}
.sortBox .pager li a {color: #000; padding: 0; border-radius: 0; border: 0;}
.sortBox .pager li a:hover {background: none;}
.sortBox .pager li.active a {font-weight: 900;}
.sortBox.bottom {border-top: 2px solid #000; padding-top: 10px;}

/* ### result box ### */
.resultBox {width: 100%; overflow: hidden;}
.resultBox .products { margin-bottom: 20px; }
.resultBox .products .block { position: relative; }
.resultBox .products .block img {width: 100%;}
.resultBox .products .block a {display: block; position: relative;}
.resultBox .products .block a:before {content: ''; height: 100px; width: 100%; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); /* IE6-9 */
}
.resultBox .products em {position: absolute; top: 0; left: 0; width: 100%; padding: 5px 18px; color: #fff; font-style: italic; font-size: 10px; background: rgba(51,102,153,0.8); }
.resultBox .products p {color: #fff; padding: 15px 15px 10px; position: absolute; bottom: 0; left: 0; z-index: 1; font-size: 14px; margin-bottom: 0; }
.resultBox .products strong {font-size: 16px; display: block;}
.resultBox .productList {width: 100%;}
.resultBox .productList .block {width: 100%; padding: 20px 0; border-top: 1px solid #000; overflow: hidden;}
.resultBox .productList .block:last-of-type {border-bottom: 1px solid #000;}
.resultBox .productList .block > a > img {width: 100%;}
.resultBox .productList figure {float: left; width: 33.33%; padding-right: 10px; }
.resultBox .productList figure a {position: relative; display: block; text-decoration: none; overflow: hidden;}
.resultBox .productList figure a img {width: 100%;}
.resultBox .productList figure .fav {position: absolute; top: 15px; right: 15px; width: 24px; height: 24px; background: url(../img/love.svg) no-repeat;}
.resultBox .productList figure a:before {content: ''; height: 100px; width: 100%; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); /* IE6-9 */
}
/* .resultBox .productList .content {float: left; width: 66.66%; padding: 10px 0 0px 25px;} */
.resultBox .productList .content {float: left; width: 66.66%; padding: 0px 0 0px 25px;}
.resultBox .productList h6 { font-size: 16px;}
.resultBox .productList p {font-size: 14px;}
.resultBox .productList p a {font-weight: bold;}
.resultBox .productList .set {padding-right: 30px; float: left;}
.resultBox .productList .set:last-of-type {padding-right: 0;}
.resultBox .productList .qty {display: inline-block; padding: 8px 15px; background: #ebf5ff; margin-right: 12px; vertical-align: middle;font-size: 13px;}
/* .resultBox .productList .qty {display: inline-block; padding: 8px 15px; background: #ebf5ff; margin-right: 12px; vertical-align: middle;} */
.resultBox .productList .label {display: inline-block; color: #000; font-size: 14px; padding: 0;}
.resultBox .productList .set:last-of-type .label {margin-right: 20px;}
/* .resultBox .productList .details {overflow: hidden; padding: 20px 0;} */
.resultBox .productList .details {overflow: hidden; padding: 0 0;}
.resultBox .productList .price {color: #336699; font-size: 14px;}

.controlBox {width: 100%; padding: 25px 0; background: #f5faff; overflow: hidden; font-weight: bold;}
.controlBox .change {color: #000; padding: 7px 0; padding-left: 40px; background: url(../img/Zoom.svg) no-repeat left; float: left;}
.controlBox .back {float: left; margin-left: 90px; color: #000; margin-top: 7px; }
.controlBox .nextPrev {float: right; margin-top: 7px; width: 35%;}
.controlBox .nextPrev a {float: left; color: #000;}
.controlBox .nextPrev a:last-of-type {float: right;}
.controlBox a:hover {text-decoration: none; color: #337ab7;}

.detailsBox {overflow: hidden; padding: 50px 0;}


h1.propertyHeader { margin-top:50px; }
/* .detailsBox:first-child { padding-top: 0;} */

h1.propertyHeader,
.detailsBox h1 {font-size: 30px; margin-bottom: 30px;}

.left-col { width:65%; float:left; padding-right:50px; }
.right-col { width:35%; float:left; }

.detailsBox .gallery { float:left; width: 65%; padding-right: 50px;} 
.detailsBox .gallery .sliderMain {width: 100%; position: relative; margin-bottom: 20px;}
.detailsBox .gallery .slide {width: 100%;  height:500px; display:flex; overflow:hidden; justify-content:center; align-items:center; }
.detailsBox .gallery .slide img {  }
.detailsBox .gallery .slide img.tall { width:100%; height:auto; }
.detailsBox .gallery .slide img.wide { height:100%; width:auto; }
.detailsBox .loweredPrice {width: 150px; height: 60px; background: url(../img/tag-bg.svg) no-repeat; background-size: 100%; padding: 15px 0 0 14px; color: #fff; font-weight: bold; position: absolute; top: 20px; left: 20px;}
.detailsBox .labelIcon { width:150px; height:56px; background:url(../img/tag-bg.svg) no-repeat; background-size:100%; padding-right:30px; color:#fff; font-weight:bold; position:absolute; top: 20px; left: 20px; display:flex; justify-content:center; align-items:center;  }
.detailsBox .labelIcon > span { text-align:center; line-height:1; }
.detailsBox .fav {position: absolute; top: 20px; right: 25px; width: 50px; height: 50px; background: url(../img/Love.svg) no-repeat; background-size: 100%; opacity: 0.8;}
.detailsBox .thumbs {overflow: hidden; margin-right: -20px; margin-bottom: 20px; max-height:100px; }
.detailsBox .thumbs .slide {float: left; width: 20%; padding-right: 20px; height:100px; }
.detailsBox .thumbs .slide img {width: 100%;}
.detailsBox .thumbs .slide a {width: 100%; height:100%; display:block; background-size:cover;}
.detailsBox .btn.grey {background: #666666 url(../img/PDF.svg) no-repeat 10px center; padding-left: 60px;}
 .detailsBox .details {float: left; width: 35%;} 
.detailsBox .details ul {list-style: none; margin-bottom: 50px; }
.detailsBox .details li {padding: 10px 0; overflow: hidden; border-bottom: 1px solid #f0f7ff; font-size: 18px; font-weight: bold; }
.detailsBox .details li span {float: right; font-weight: normal; font-size: 18px;}
.detailsBox .request {width: 100%; background: #ebf5ff; text-align: center; padding: 20px;}
.detailsBox .request .btn {width: 100%; font-size: 20px;}
.detailsBox .request strong {color: #336699; font-size: 18px; display: block; margin-bottom: 10px;}
.detailsBox .request p {margin-bottom: 20px; line-height: 26px;}

.featureBox {overflow: hidden;}
.featureBox .details {float: left; width: 65%; padding-right: 50px;} 
.featureBox h2 { font-size: 32px; margin-bottom: 20px; }
.featureBox h3 { font-size: 30px; margin-bottom: 30px; }
.featureBox p { margin-bottom: 50px; }
.featureBox .details li { margin-bottom: 10px; font-size: 18px;}
.featureBox .contact { float: left; width: 35%; }
.featureBox .contact .contactDetails{ background: #ebf5ff; }
.featureBox .title {background: #336699; padding: 20px;}
.featureBox .title strong {font-size: 20px; color: #fff; display: block; padding-left: 80px; background: url(../img/logo-small.svg) no-repeat left; background-size: 60px;}
.featureBox .title span {font-size: 16px; display: block; font-weight: normal;}
.featureBox .contact ul {padding: 25px 20px 25px 40px;}
.featureBox .contact li {overflow: hidden; margin-bottom: 25px; line-height: 30px;}
.featureBox .contact li:last-child {margin-bottom: 0;}
.featureBox .contact li span {float: left; min-width: 110px; font-weight: bold;}
.featureBox .contact li p {overflow: hidden; margin-bottom: 0;}

#mapCntr {width: 100%; background: #ebf5ff; padding: 50px 0; overflow: hidden;}
#mapCntr h3 {margin-bottom: 40px;}
#mapCntr .map {float: left; width: 75%; padding-right: 40px; }
#mapCntr #map {width: 100%; height: 550px; margin-bottom: 35px;}
#mapCntr .ad {float: left; width: 25%;}
#mapCntr .ad img {width: 100%;}


.stepBox {width: 100%; background: #ebf5ff; height: 100%; padding: 25px;}
.stepBox ul {list-style: none;}
.stepBox li {padding: 0 0 0 60px; min-height: 220px; position: relative; font-size: 17px;}
.stepBox li:before {content: ''; position: absolute; top: 0; left: 18px; width: 2px; height: 100%; background:#a5b9d1; }
.stepBox li span {position: absolute; top: 0; left: 0; width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 50%; color: #4872a0; background: #ebf5ff; border: 1px solid #4872a0;}
.stepBox li a {color: #336699; display: block; padding-top: 8px; font-weight: bold;}
.stepBox li a:hover {color: #337ab7; text-decoration: none;}
.stepBox li a em {font-weight: normal;font-style: normal;}
.stepBox li:last-child {min-height: auto;}
.stepBox li:last-child:before {display: none;}
.stepBox li.check:before {background: #ff9933;}
.stepBox li.check span {background: #ff9933; color: #fff; border-color: #ff9933;}
.stepBox li.sub ul {margin-left: -60px; padding-top: 10px; position: relative;}
.stepBox li.sub ul li { min-height: 40px; margin-top: -8px; }
.stepBox li.sub ul li:before {background: none;}
.stepBox li.sub ul li.check:before {background: #ff9933;}
.stepBox li.sub ul li span { display: none; content: ''; width: 10px; height: 10px; background: #ff9933; position: absolute; left: 13px; top: 7px; border-radius: 50%; }
.stepBox li.sub ul li.check + li span {display: block;}

.stepBox.sub {width: 40%; float: right; background: none;}
.stepBox.sub p {margin-bottom: 0; padding-top: 10px;}

.serviceBox {width: 100%; background: #ebf5ff; height: 100%; padding: 25px; overflow: hidden; }
.serviceBox p {line-height: 30px; margin-bottom: 20px;}
.serviceBox ul {list-style: none; margin-bottom: 30px;}
.serviceBox li {padding: 30px 0; border-top: 1px solid #fff; }
.serviceBox li strong {color: #336699; display: block; font-size: 18px;}
.serviceBox li small {color: #336699; display: block; font-size: 16px; }
.serviceBox li p { position: relative; margin-bottom: 0;}
.serviceBox li:last-child {border-bottom: 1px solid #fff; }
.serviceBox .btn {min-width: 180px; font-size: 20px; float: right;}
.serviceBox .btn.grey {float: left;}
.serviceBox h2 {font-size: 28px; margin-bottom: 20px;}

.inputSet label { margin-bottom: 0; padding-left: 80px; position: relative; }
.inputSet label input {opacity: 0; position: absolute;}
.inputSet label span:before { width: 40px; height: 40px; content: ''; position: absolute; left: 0; background: url(../img/check-blank.svg) no-repeat; background-size: 40px;  cursor:pointer; }
.inputSet label input:checked + span:after { content: ''; width: 40px; height: 40px; position: absolute; left: 0px; top: 0px; background: url(../img/check.svg) no-repeat; background-size: 40px;}

.inputSet label input[type="radio"] + span:before { border-radius: 50%; }
.inputSet label input[type="radio"]:checked + span:after { content: ''; width: 13px; height: 13px; border-radius: 50%; position: absolute; left: 4px; top: 4px; background: #336699;}

.adBox1 {width: 100%; padding: 50px 0;}
.adBox1 ul {list-style: none; text-align: center;}
.adBox1 li {display: inline-block; margin: 0 40px;}
.adBox1 li img {max-width: 100%;}

.featuredBox { width: 100%;}
.featuredBox a { display: block; padding: 15px 15px 15px 100px; color: #fff; text-decoration: none; background: #336699 url(../img/logo-small.svg) no-repeat 25px; background-size: 50px; height: 100%; }
.featuredBox a.single {padding-top: 35px;}
.featuredBox a strong {font-size: 20px; display: block;}
.featuredBox ul {margin-right: -20px; margin-bottom: 0; overflow: hidden;}
.featuredBox li {float: left; width: 50%; padding: 0 20px 20px 0;}
.featuredBox li.featured {width: 100%; margin-bottom: 20px;}
.featuredBox li.featured a { padding: 30px 30px 30px 100px; background: #666666 url(../img/logo-small.svg) no-repeat 25px; background-size: 50px;}
.featuredBox li.featured span {float: right; color: #666666; margin-top: 20px; font-weight: bold;}

#whyCntr {width: 100%; padding: 50px 0 40px; text-align: center; }
#whyCntr h2 {font-size: 28px; margin-bottom: 50px;}
#whyCntr .holder { overflow: hidden; }
#whyCntr .block {width: 33.33%; padding: 0 20px; float: left; padding-top: 80px; background: url(../img/check.svg) no-repeat center top; background-size: 60px;}
#whyCntr .block strong {font-size: 20px; display: block; margin-bottom: 20px; color: #336699;}

#plateformBox {width: 100%; padding: 100px 0; background: #ebf5ff; overflow: hidden; }
#plateformBox .photo {float: left; width: 55%; }
#plateformBox .photo img {width: 100%;}
#plateformBox .text {float: left; width: 45%; padding: 10px 0 0 70px; }
#plateformBox h3 {font-size: 30px; margin-bottom: 20px;}
#plateformBox p {line-height: 30px;}
#plateformBox input[type="text"] { margin-bottom: 15px;}
#plateformBox .btn {font-size: 20px;}

#contactCntr {width: 100%; padding: 80px 0; background: #fff; overflow: hidden;}
#contactCntr .contact {float: left; width: 45%; background: #ebf5ff; padding: 50px 80px;}
#contactCntr h4 { padding-bottom: 40px; position: relative; text-align: center; font-size: 40px; margin-bottom: 40px; }
#contactCntr h4:before {content: ''; width: 50px; border-top: 1px solid #7794b6; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
#contactCntr fieldset { border: 0; text-align: center;}
#contactCntr .form-control {margin-bottom: 15px; font-size: 16px; text-align: left; }
#contactCntr .btn { font-size: 20px; }

#loginCntr {width: 100%; padding: 200px 0; background: url(../img/bg1.jpg) no-repeat center; background-size: cover; }
#loginCntr.register {background: url(../img/bg2.jpg) no-repeat center; background-size: cover;}
#loginCntr .block {margin:0 auto; background: #ffffff; padding: 50px 35px 30px; max-width: 450px;}
#loginCntr h2 {text-align: center; margin-bottom: 20px;}
#loginCntr p {text-align: center; margin-bottom: 40px;}
#loginCntr .btn.facebook {background: #336699; width: 100%; font-size: 20px;}
#loginCntr .or {width: 100%; text-align: center; position: relative; margin: 20px 0;}
#loginCntr .or:before {position: absolute; top: 50%; left: 0; content: ''; width: 100%; border-top: 2px solid #000; z-index: 0;}
#loginCntr .or span {display: inline-block; padding: 0 10px; background: #fff; position: relative; z-index: 1;}
#loginCntr fieldset {text-align: center;}
#loginCntr .form-control {background: #f6f6f6; margin-bottom: 15px; font-size: 16px; text-align: left;}
#loginCntr .btn {font-size: 20px; margin-bottom: 40px;}
#loginCntr .ask {overflow: hidden;}
#loginCntr .ask p {float: left; margin-bottom: 0;}
#loginCntr .ask a {float: right; color: #336699; font-weight: bold;}
#loginCntr .ask a:hover {text-decoration: none; color: #337ab7;}

	/* ## footer container ### */
#footerCntr { overflow: hidden; width: 100%; background: #337ab7; padding: 15px 0; }
#footerCntr p {float: left; color: #FFF; font-size: 14px; margin-top: 10px; }
#footerCntr ul {float: right; margin-bottom: 0;}
#footerCntr ul li { display: inline-block; vertical-align: middle;}
#footerCntr li:nth-child(1) img {width: 40px;}
#footerCntr li:nth-child(2) {margin-left: -5px;}
#footerCntr li:nth-child(2) img {width: 45px;}
#footerCntr li:nth-child(3) a {display: block; -webkit-transform: matrix(-0.010,-1.000,1.000,-0.010,0,0);
	-moz-transform: matrix(-0.010,-1.000,1.000,-0.010,0px,0px);
	-ms-transform: matrix(-0.010,-1.000,1.000,-0.010,0,0);
	-o-transform: matrix(-0.010,-1.000,1.000,-0.010,0,0);
	transform: matrix(-0.010,-1.000,1.000,-0.010,0,0);}
#footerCntr li:nth-child(3) img {width: 32px;}

#footerCntr .center ul li a { color:#FFF; }



/* ### sort box ### */

.customForm .ffSelectWrapper {text-align: left; height:auto; margin:5px 0;}
.customForm .ffSelectWrapper .ffSelect {border-radius: 0; width: 220px; line-height: 34px; height: 34px; border-color: #cccccc; background: #fff url(../img/arrow-select.svg) no-repeat right 12px center; background-size: 12px; text-align: left; font-size: 14px; padding: 0 20px;}
.customForm .ffSelectWrapper .ffSelectMenuWrapper {width: calc(100% + 2px); top: 32px!important; left: -1px; border-color: #cccccc; background: #fff; text-align: left; padding: 5px 0; }
.customForm .ffSelectWrapper li {padding: 10px 25px; line-height: normal; height: auto; font-size: 14px;}
.customForm .ffSelectWrapper li:hover {background: #ff9933; color: #fff;}
.customForm .ffSelectWrapper .scrollingHandle {background: #336699;}







/* #Media Queries
================================================== */

@media only screen and (max-width: 1239px) {
	.center {padding-left: 20px; padding-right: 20px;}
	.menuBox:not(.mm-menu) li {margin-left: 40px;}
	.productGridBox .row {margin: 0 -10px;}
	.productGridBox .col {padding: 0 10px;}
	#informationCntr .row {margin: 0 -10px;}
	#informationCntr .col {padding: 0 10px;}
	.filterBox .btn { min-width: 100%!important; margin-left: 0!important; margin-bottom: 10px; }
	.resultBox .productList .set {width: 50%; }
	.resultBox .productList .set:last-of-type {width: 100%; margin-top: 10px;}
	.adBox1 li {margin: 0 10px; margin-bottom: 10px;}
	.stepBox {padding: 15px;}
	#plateformBox {padding: 50px 0;}
	#plateformBox .text {padding-left: 20px;}
	#contactCntr .contact {width: 48%;}
	.stepBox.sub {width: 45%;}
}


@media only screen and (max-width: 991px) {
	.menuBox:not(.mm-menu) li {margin-left: 8px; font-size: 13px;}
	.productGridBox .col {margin-bottom: 20px;}
	#informationCntr .col {width: 100%;}
	#informationCntr .slider {height: 500px; margin-bottom: 20px;}
	#leadingCntr .col {margin-bottom: 20px;}

	#serviceCntr .holder {margin-right: -20px;}
	#serviceCntr .col {padding-right: 20px; width: 50%;}
	#serviceCntr .ad {width: 50%; padding-right: 20px}
	#bannerCntr h1 br {display: none;}
    .products .col {margin-bottom: 20px;}
    .ad {display: none;}
	.tabBox .center {padding: 0;}
	.filterBox .set {padding: 20px; }
	.controlBox .nextPrev {float: left; width: 100%;}
	.controlBox .back {margin-left: 0; float: right;}
	.detailsBox .gallery {padding-right: 0; width: 100%; margin-bottom: 20px; }
	.detailsBox .details {width: 100%;}
	.featureBox .details {padding-right: 0; width: 100%; margin-bottom: 20px; }
	.featureBox .contact {width: 100%; margin-bottom: 20px;}
	#mapCntr .map {width: 100%; padding-right: 0;}
	.stepBox li {min-height: 70px;}
	#bannerCntr.sub .btn {width: auto;}
	#whyCntr .block p br { display: none;}
	#contactCntr .contact {padding: 20px;}
	#contactCntr {padding: 50px 0;}
}

@media only screen and (max-width: 767px) {
	.menuBox:not(.mm-menu) { display: none; }
	.mobileMenu { display: block; float: right; }
	#bannerCntr .center {padding-top: 50px;}
	#bannerCntr h1 {font-size: 30px; line-height: 40px; margin-bottom: 20px;}
	#bannerCntr .content {margin-top: 10px;}
	#bannerCntr input[type="text"] {width: 100%; margin-bottom: 20px;}
	#bannerCntr select {width: calc(70% - 20px);}
	#bannerCntr .btn {width: 30%;}
	#bannerCntr {min-height: 550px; background-position: right -200px center;}
	#leadingCntr h3 {font-size: 25px; line-height: 30px;}
	#footerCntr {text-align: center;}
	#footerCntr p {float: none; width: 100%;}
	#footerCntr ul {float: none; display: inline-block;}
	#informationCntr .slider .slide p {padding: 20px;}
	.tabBox li {width: 100%; margin-right: 0;}
	.sortBox .pager {float: none; width: 100%; overflow: hidden; text-align: center; padding-top: 40px;}
	.sortBox .pager li {display: inline-block; float: none;}
	.resultBox .productList .content {padding: 10px;}
	.resultBox .productList .set {width: 100%; padding-right: 0; margin-bottom: 10px;}
	.detailsBox h1 {font-size: 26px;}
	.featureBox h2 {font-size: 26px;}
	.featureBox h3 {font-size: 26px;}
	#mapCntr h3 {font-size: 26px;}
	#mapCntr #map {height: 400px;}
	.serviceBox h2 {font-size: 26px;}
	.adBox1 {padding: 20px 0;}
	.featuredBox li {width: 100%;}
	.sortBox.bottom {padding-top: 0; }
	.sortBox.bottom .pager {padding-top: 20px;}
	#bannerCntr.sub {background-position: center right -200px;}
	#whyCntr .block {width: 50%; margin-bottom: 20px;}
	#plateformBox .photo {width: 100%;}
	#plateformBox .text {width: 100%; padding-left: 0;}
	#contactCntr .contact {width: 100%;}
	.stepBox.sub {width: 100%;}
	#plateformBox h3 {font-size: 26px;}
	#contactCntr h4 {font-size: 30px; padding-bottom: 30px;}
	#loginCntr {padding: 100px 0; }
	#loginCntr .block {padding: 20px; margin: 0 10px;}

}

@media only screen and (max-width: 479px) {
	#headerCntr .icons li {margin-left: 5px;}
	#headerCntr .user span {margin-right: 5px;}
	#bannerCntr h1 {font-size: 20px; line-height: 25px;}
	#bannerCntr .tabs li:last-child {margin-right: 0;}
	#bannerCntr .tabs li {margin-right: 10px; font-size: 12px;}
	#bannerCntr .tabs li a {padding: 15px;}
	#bannerCntr select {width: 100%; margin-bottom: 20px;}
	#bannerCntr .btn {width: 100%;}
	#providerCntr h4 {font-size: 25px;}
	#informationCntr .slider {height: 400px;}
	#serviceCntr .col {width: 100%;}
	#serviceCntr .ad {width: 100%;}
	.btn {font-size: 14px!important;}
	#leadingCntr {padding: 30px 0;}
	.sortBox .label {display: block; margin-bottom: 10px;}
	.resultBox .productList figure {width: 100%; padding-right: 0; margin-bottom: 20px;}
	.resultBox .productList .content {width: 100%; padding: 0;}
	.controlBox {font-size: 13px;}
	.detailsBox .details li {font-size: 14px;}
	.detailsBox .details li span {font-size: 14px;}
	.featureBox .details li {font-size: 14px;}
	.featureBox .title strong {padding-left: 50px; background-size: 40px;}
	.featureBox .contact ul {padding: 20px;}
	#linkCntr .col ul li {font-size: 14px;}
	#linkCntr .links li {margin-right: 20px;}
	.detailsBox .thumbs {margin-right: -10px;}
	.detailsBox .thumbs .slide {padding-right: 10px;}
	.serviceBox li p {padding-left: 50px; background-position: 0 top;}
	.serviceBox {padding: 15px;}
	.serviceBox .btn {width: 100%; margin-bottom: 10px;}
	.adBox1 li {margin: 0; margin-bottom: 10px;}
	#whyCntr .block {width: 100%;}
	#plateformBox {padding: 20px 0;}
	#bannerCntr.sub {height: 500px;}

}
.alert-danger h2 { color:#a94442; } 

.featureBox .details ul li { list-style:inside; }