/** Common Slider **/
.commonslider {width: 100%; position: relative;}
.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block; float: left;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}
.commonslider .owl-carousel .owl-dots.disabled{display: none;}
.commonslider .owl-nav {display: none;}
.commonslider .owl-nav button {width: 48px; height:48px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; border:1px solid rgba(0,0,0,0.0); background-position: 50% 50%; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index:111;}

.mainbanner {position: relative; overflow: hidden; height: 680px; padding: 0;}
.mainbanner .item {padding: 0px;}
.mainbanner .imgbox {float: left; width: 100%; overflow:hidden;}
.mainbanner .imgbox img {float: left; width: 100%;}

.filterbar {position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.filterbar form {float: left; width: 100%; padding-right: 10px; background-color: #fff;}
.filterbar .fieldscol {float: left; padding: 0px 5px 5px; width: calc(100% - 150px); width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px); background-color: #FFFFFF; box-shadow: 0px 40px 60px rgba(0,0,0,0.03);}
.filterbar .fieldscol label {display: block; margin-bottom: 12px; font-size: 16px; color: #101A28;}
.filterbar .fieldscol .custfield {height: 48px; width: 100%; float: left; padding: 6px 15px; border: 1px solid #e5e5e5; font-size: 16px; color: #9E9E9E; background-color: #fff;}
.filterbar .fieldscol select.custfield {background-image: url(../img/drop-arrow.png); float: left;  width: 100%; background-repeat: no-repeat; background-position: calc(100% - 15px); appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.filterbar .fieldscol .fieldcol1 {width: 33%; float: left; padding: 5px;}
.filterbar .searchbtn {width: 150px; float: right;}
.filterbar .searchbtn .srbtn {min-height: 48px; width: 100%; background-color: #FF7F00; font-size: 20px; color: #FFFFFF; text-transform: uppercase; margin-top: 40px;
border: none; border-radius: 4px;}
.filterbar .searchbtn .srbtn:hover {background-color: #1875a9;}


/** Media Css **/
@media only screen and (max-width: 1199px){
	.container {width: 970px;}
	.mainbanner {height: auto;}
}
@media only screen and (max-width: 991px){
	.container {width: 750px;}
	.filterbar .fieldscol {width: calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);}
	.filterbar .searchbtn {width: 100px;}
	.filterbar .searchbtn .srbtn {width: 100%; font-size: 18px;}
	.filterbar {top: 60%; }
}
@media only screen and (max-width: 767px){
	.container {width: auto; padding: 0px 15px;}
	.filterbar .fieldscol {width: 100%;}
	.filterbar .fieldscol .fieldcol1 {width: 50%;}
	.filterbar .fieldscol .custfield {height: 44px;}
	.filterbar .searchbtn {width: 100%; padding: 0px 10px 10px;}
	.filterbar .searchbtn .srbtn {min-height: 50px; margin-top: 10px;}
	.filterbar form {padding-right: 0px;}
	.filterbar {top: 58%; }
}
@media only screen and (max-width: 639px){
	.mainbanner .imgbox {height: 400px;}
	.mainbanner .imgbox img {object-fit: cover; height: 100%;}
}
@media only screen and (max-width: 575px){
	.mainbanner .imgbox {height: 590px;}
	.filterbar { top: 56%;}
	.filterbar .fieldscol .fieldcol1 {width: 100%; padding: 0px 10px 10px;}
}