/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */

#demo { margin-bottom: 57px; }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; margin-top: 19px; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 98.2%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .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); }
/* New stayle added */

#sync1 .item { background: #0c83e7; height: 100%; color: #FFF; text-align: center; margin: 0 20px 0px 0; }
#sync1 .item img { width: 100%; height: auto; }
#sync2 .item { /*background: #C9C9C9; width: 210px; height: 139px; margin-right: 20px;*/ margin: 0 20px 0px 0; color: #FFF; text-align: center; cursor: pointer; }
#sync2 .item h1 { font-size: 18px; }
#sync2 .synced .item {  opacity: 0.5; }
#sync2 .item img { width: 100%; height: auto; }
#owl-example .item { padding: 30px 0px; margin: 10px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }
#owl-example .item img { width: auto; margin: 0 auto; display: block; }
#owl-example .item h3 { font-size: 28px; font-weight: 300; margin: 25px 0 0; }
#owl-example .item h4 { margin: 5px 0 0; font-size: 18px; }
#sync2.owl-carousel.owl-theme { margin: 0 auto; width: calc(100% - 0); }


@media (max-width:1199px) {
#sync2 .item { width: auto; height: auto; }
.property_details_mainblock { margin-bottom: 50px; }

#sync2 .item, #sync1 .item { margin: 0 10px 0px 10px; }
/*.owl-prev { left: 2px !important; bottom: -100px !important; width: 39px; height: 57px; }
.owl-next { right: 9px !important; bottom: -100px !important; width: 38px; height: 57px; }*/
}

@media (max-width:1024px) {
/*#sync2.owl-carousel.owl-theme { margin: 0 auto; width: calc(95% - 0px); }*/
/*.owl-prev { bottom: -85px !important; left: 0 !important; height: 46px !important; width: 39px !important; }
.owl-next { bottom: -85px !important; margin-right: 0; right: 5px !important; width: 39px !important; height: 46px !important; }*/
#sync1 .item { margin: 0 10px; }
#sync2 .item { margin: 0 10px; }
}

@media (max-width:991px) {
#sync1 .item { height: 100%; }
/*.owl-next { bottom: -75px !important; right: -2px !important; }
.owl-prev { bottom: -75px !important; left: -4px !important; }*/
}

/*------------mobile landscape  view------*/


@media (max-width:767px) {
.span12 { position: relative !important; }
#sync1 { position: static !important; }
#sync1 .owl-wrapper-outer { position: static !important; }
#sync1 .owl-wrapper { position: static !important; }
/*.owl-prev { bottom: 6% !important; left: -5px !important; }
.owl-next { bottom: 6% !important; right: -4px !important; }*/
}


/*------------mobile portrait view------*/
@media (max-width:640px) {
}

@media (max-width:496px) {
#demo { margin-bottom: 0; }
/*.owl-next { height: 26px !important; width: 39px !important; bottom: 7% !important; right: 1px !important; }
.owl-prev { height: 26px !important; width: 39px !important; bottom: 7% !important; left: 3px !important; }*/
}


