.media-tabs.nav-tabs > li > a {
	margin: 0 10px;
    padding: 6px 10px;
	color:#939598;
	border:0;
	
}
.media-tabs.nav-tabs > li > a:hover {
	background:#FFF;
	border:0;
	color:#282828;
	
}
.droparea{float: left; width: 100%; padding: 0 30px;}
.media-tabs.nav-tabs > li.active > a,.media-tabs.nav-tabs > li.active > a:hover {
    margin: 0 10px;
	background:#282828;
    color: #fff !important;
    border: none;
    border-radius: 0px;
}
.droparea .dropdown{ float: right; margin-right: 15px;}
.droparea .dropdown button{ text-align: left; background: none;border:1px solid #eee; padding: 5px; height: 40px; line-height: 30px; width: 140px; text-transform: uppercase;}
.list-sel{ float: right;}
.list-sel span{ cursor: pointer;float: left; width: 30px; height: 40px;}
.list-sel .grid-btn{ background: url(../images/gridListsprite.png) no-repeat 0 center;}
.list-sel .grid-btn.active{ background: url(../images/gridListsprite.png) no-repeat -35px center;}
.list-sel .list-btn{ background: url(../images/gridListsprite.png) no-repeat -71px center;}
.list-sel .list-btn.active{ background: url(../images/gridListsprite.png) no-repeat -114px center;}
.property-box{ text-align: center; border: 1px solid #eee; float: left; width: 100%; margin-bottom: 20px;}
.property-box .image-area{border: 1px solid #eee;height: 250px; display: inline-block; margin: 10px auto 0;width: 93%;}
.property-box h4{ text-transform: capitalize; margin-bottom: 5px;}
.property-box p{ margin: 15px 0;font-size: 13px;}
.property-box .image-area{ margin: 10px;}
i { display: block; color:rgba(0,0,0,0.6); font-size: 11px;}
.abt p{text-transform: capitalize; color: rgba(0,0,0,0.7); margin:0; font-size: 12px;}
.abt p i{ display: inline-block;}
.text{text-align: left; position: relative; padding: 10px; overflow: hidden; height: 250px;}
.onHover{ padding: 20px 15px; position: absolute; height: 100%; width: 100%; bottom: -100%; left: 0; background: rgba(235,235,235,0.85); opacity: 1; transition: all 0.8s ease-in-out}
.property-box:hover .onHover{ bottom: 0%; opacity: 1;}
.modal-show{ z-index: 1; transition: all 0.8s ease-in-out;cursor: pointer;text-align: center; text-transform: uppercase; display: inline-block; padding:18px 15px; width: 100%; border:1px solid #000; color: #000; margin-bottom: 10px; font-size: 16px;position: relative;}
.modal-show:before{ z-index: -1; width: 0; height: 100%; content: '';position: absolute;left: 0; top:0;background: #002d56; transition: all 0.8s ease-in-out;}
.modal-show:hover:before{ width: 100%;color: #fff !important;}
.modal-show:hover{text-decoration: none; border:1px solid #002d56; color: #fff !important;}
.list ul li{ width: 100%;}
.list .property-box{padding: 15px;}
.list ul li .image-area{ width: 20%; float: left; border: 0; margin: 0;}
.list .text .abt{ float: right; position: absolute; right: 30px; bottom: 30px}
.list .text {float: left;width: 80%;padding: 15px;position: static;}
.list .onHover{ margin-top: 20px; float: left; background: none; padding: 0; width: 100%; height: auto; position: relative; bottom: auto; left: auto;transition: none}
.list .onHover, .list .modal-show{ transition: none;}
.list .modal-show{ width: 140px; margin-bottom: 0; padding: 8px 15px;}
.media-container{ padding: 30px;float: left; width: 100%;}
.nirmal-container .tab-content{ float: left; width: 100%;}
.selection .arrow{ position: absolute; right: 15px; top: 6px;}
.selection .dropdown-menu{ box-shadow: none; margin: 0; border-radius:0;background: #f4f4f4; width: 100%; min-width: auto;}
.selection .dropdown-menu li a{ color: rgba(0,0,0,0.8)}
.dropTxt.cross{ border-radius:5px; background:#f4f4f4; padding: 5px;}
.dropTxt.cross span{ z-index: 2; font-size: 14px; color: rgba(0,0,0,0.5); margin: 0 2px;}
.media-container .col-sm-4{ padding: 0 10px !important;}
.media-container .row{ margin: 0 -10px !important;}
.property-box:hover{ box-shadow: 0px 2px 6px rgba(0,0,0,0.6);}
.text-M{z-index:99999;}
.addthis_inline_share_toolbox{position:absolute; top:40px; right:0; z-index: 100000;}
.text-M .modal-dialog{ width: 100%; margin: 0 auto;}
.text-M .modal-content{ background: rgba(255,255,255,0.96); border-radius: 0; padding-bottom: 80px;}
.text-M .modal-header{ text-align: center; border-bottom: 10px solid #002d56;}
.text-M .close, .video-modal .close{ font-size: 60px;text-shadow: 0;font-weight: normal;position: absolute;
right: 15px;}
.video-modal .close{ color:#fff; width:100%; text-align: right;}
.text-M .modal-body{ width: 70%; margin:0 auto; line-height: 28px;}
.list-inline.pull-right > li { padding: 0;}
.head{ border-bottom: 1px solid #eee; margin: 20px 0;}
.head h4{ font-weight: bold; font-size: 28px; margin: 0px 0 10px;}
.head p{ font-size: 12px; margin: 0 0 10px;}
.image-cont{ margin: 10px 0; text-align: center; background: #f4f4f4;}
.image-cont img{ width: 60%; margin: 20px auto}

.text-carousel a span{ margin: 0 5px;}
.hover-div{ display:none; padding-left: 5px;}
.hover-div .media-body{ width:180px; vertical-align:middle; text-align: left; padding: 0px 10px 0; display: inline-block;}
.hover-div .media-body h4{ margin: 0; font-size: 12px;}
.hover-div .media-body i{ line-height: 12px;}
.image-carousel .carousel-caption{ padding: 10px; padding-bottom: 10px !important; text-align: center; top:auto; width: 100%; left: 0 !important; right: 0; bottom:0; background: rgba(0,0,0,0.95); color: #fff;}
.image-carousel .carousel-caption h4{ margin: 0;}
.image-carousel .item > img{ width: 85%; margin: 0 auto;}
.image-carousel .carousel-control.left span{ top:40%; left: 0; position: absolute}
.image-carousel .carousel-control.right span{ top:40%; right: 0; position: absolute}
.image-M .modal-body{ width: 100%; padding: 0;}
.image-carousel .carousel-caption p,.image-carousel .carousel-caption i{ text-align: center;color:rgba(255,255,255,0.6); font-size: 13px;}
.image-carousel .pull-right{ position: absolute; right: 10px; top: 10px;}
.image-M .close{ z-index: 1;}
.image-carousel .pull-right p{ text-align: left; margin-bottom: 0;}
.image-carousel .pull-right i{text-align: left; display: inline-block;}
.text-content{ width: 70%; margin: 0 auto;}
.video-area{ position: relative; display: inline-block; width: 100%; cursor: pointer;text-align: center; border: 10px solid #fff; height: 345px; background-position: center;}
.video .row{ margin: 0 -20px!important;}
.video .row > div{ padding: 0 20px !important;}
.video-area img{ position: absolute; top: 40%; left: 0; right: 0; margin: 0 auto;}
.owl-carousel{ width: 50%; margin: 0 auto; padding: 0 50px;}
.owl-carousel .video-area{ height: 150px; border: 10px solid #000;}
.owl-carousel .video-area img{ width: auto;}
.owl-prev{ left: 0; position: absolute; top: 40%;}
.owl-next{ right: 0; position: absolute; top: 40%;}
.video-cont{ width: 45%; margin: 40px auto 20px; }
.video-modal{ background: rgba(0,0,0,0.8);}
.owl-carousel .video-area.white{border: 10px solid #fff;}
.textCarousel .carousel-control{ position: absolute; bottom: -50px; top: auto;display: inline-block;padding: 5px 14px;background-color: #fbfdff;border: 1px solid #dddddd;border-radius: 0;text-transform: uppercase;color: rgba(0,0,0,0.6) !important; width: auto; text-shadow: none;opacity: 1; font-size: 15px}
.textCarousel .carousel-control:hover{ bottom: -80px;}
.textCarousel .carousel-control:hover .hover-div{ display: inline-block;}
.textCarousel .carousel-control:hover img{ margin-top: 0px;}
.textCarousel .carousel-control:hover .hover-div img{ margin: 0; width:50px;}
.textCarousel .carousel-control:hover .text-pager{ display: none;}
a.more{ text-transform: uppercase; color: rgba(0,0,0,0.8); width: 100%; text-align: center; display: inline-block; font-size: 16px; margin-top: 20px}
a.more img{ margin-left: 5px; margin-top: -2px}
a.more:hover{text-decoration: underline!important;}
.hover-div .pull-left{float:none!important;}
.redesign{ position:relative; z-index: 99; margin-top: 100px;overflow: auto;}
.back-btn {
    float: right;
    font-size: 18px;
    background: #f5f5f5;
    padding: 4px 12px;
}
.back-btn:hover {
    text-decoration: none;
    background: #ddd;
    cursor: pointer;
}
@media(max-width:991px)
{
    .list ul li .image-area{width: 30%}
    .list .text{ width: 70%;}
    .media-box{ width: 100%; text-align:center;}
    .media-box ul{ display: inline-block;}
    .video-area{ height: 250px;}
    .property-box .image-area{ height: 200px;}
    .owl-carousel{ width: 60%}
    .video-cont{ width: 55%;}
    .text-M .modal-body{ width: 85%}
    .image-M .modal-body{ width: 100%}
    .image-cont img{ width: 80%}
    .property-cox h4{ font-size: 15px; margin-top: 0;}
}
@media(max-width:767px)
{
    .list-sel{ display: none;}
    .droparea .dropdown{ margin-right: 0;}
    .property-box .image-area{ height: 250px;}
    .owl-carousel{ width: 80%}
    .video-cont{ width: 75%;}
    .text-M .modal-body{width:100%}
    .image-cont img{ width: 100%}
    .image-carousel .carousel-caption{ position: relative;}
    .text-content{ width: 100%}
    .image-carousel .carousel-caption .pull-right{ position: relative; float: none!important; text-align: center}.image-carousel .carousel-caption h4{ font-size: 14px}
    .image-carousel .pull-right p{ text-align: center; margin-bottom: 0}
    .image-carousel .carousel-caption p, .image-carousel .carousel-caption i{ font-size: 12px;}
    .image-M .modal-body{ line-height: 24px;}
    .image-carousel .carousel-control{ width: 7% !important}
    .image-carousel .carousel-control img{ width: 100%;}
    .image-M .modal-body{ margin-top: 50px;}
    .textCarousel .carousel-control{ width: auto!important}
    
}
@media(max-width:540px)
{
    .media-container .col-xs-6{ width: 100%;}
    .droparea .dropdown{ width: 100%; float: none; margin-top: 10px;}
    .droparea .dropdown button{ width: 100%;}
}
@media(max-width:480px)
{
    .owl-carousel{ width: 100%}
    .video-modal iframe{ height: 320px;}
    .textCarousel .carousel-control, .textCarousel .carousel-control span{ padding: 5px 2px}
    .textCarousel .carousel-control > img{ width: 8px}
    .textCarousel .carousel-control span {margin: 0 5px;font-size: 12px;}
    .textCarousel .carousel-control:hover{ bottom:-60px;}
    .textCarousel .carousel-control:hover .hover-div img {margin: 0;width: 25%}
    .hover-div h4{ font-size: 14px}
    .hover-div .media-body{ padding: 0;}
    .hover-div i{ font-size: 8px;}
}