.fadeinimg { position:relative; height:180px; }
.fadeinimg img { position:absolute; left:0; top:0; }

body {
    font-family: 'Roboto', sans-serif !important;
}

html {
    overflow-x: hidden;
}

p {
    margin-bottom: 5px !important;
}

.inline {
    display: inline !important;
    float: left !important;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover, a:focus {
    color: #1c5db9;
    text-decoration: none;
}

footer ul {
    display: inline-block;
    list-style-type: none;
    padding: 30px 0px;
    line-height: 30px;
}

.borderb {
    border-bottom: solid 1px #68686a;
}

.bordert {
    border-top: solid 1px #68686a;
}

.padtb {
    padding: 10px 0;
}

.flatDetails .info {
    border-right: 1px solid #fff;
    padding: 0;
}

.noPad {
    padding: 0;
}

footer ul li a {
    line-height: 24px;
    display: block;
    color: #eeeeee;
    font-size: 12px;
}

footer ul li a:hover {
    line-height: 28px;
    display: block;
    color: #eeeeee;
    font-size: 12px;
    text-decoration: none;
}

.brandcolor {
    color: #eb1c24;
    text-decoration: none;
}

a.brandcolor:hover {
    color: #e56266;
    text-decoration:none;
}

.text-cover {
    position: absolute;
    bottom: 20px;
    color: #ffffff;
    padding: 0px 30px;
}

hr.green {
    width: 40px;
    height: 4px;
    background-color: #6bb645;
}

.navbar-nav>li>a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.select a {
    color: #333 !important;
    padding-bottom: 5px;
}

.step{
	margin: 100px 60px;
}

.step h3{
	background: #003a82;
    color: #fff;
    padding: 10px;
    border-radius: 50px;
} 

.step p{
	font-size: 18px;
    margin-top: 20px;
} 


----------

.carousel-control     		 { width:  4%; }
.carousel-control.left,.carousel-control.right {/* margin-left:15px; */background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -16.7%; }
	.carousel-inner .next        { left:  16.7%; }
	.carousel-inner .prev		 { left: -16.7%; }	
}

@media (min-width: 480px ) {
	.carousel-inner .active.left { left: -16.7%; }
	.carousel-inner .next        { left:  16.7%; }
	.carousel-inner .prev		 { left: -16.7%; }	
}


.select a.active {
    color: #ff0000 !important;
    border-bottom: 2px solid #ff0000 !important;
}

.selectnav li.active {
    color: #ff0000 !important;
    border-bottom: 2px solid #ff0000 !important;
}

.navbar {
    margin-bottom: 0px !important;
	margin-top:10px !important;
	position: relative;
    min-height: 80px;
    border: 1px solid transparent;
}



.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
}

/* .navigationli {
    padding: 20px 35px;
    color: #000000;
}*/

.navigationli {
   margin: 20px 0px 0px 70px;
}

.padding0 {
    padding: 0% !important;
    background-color: none !important;
    /*color: #000000 !important;*/
}

.navbar-nav>li>a:hover {
    background: none !important;
}

.nav > li >a {
    position: relative;
    display: block;
	color:#333;
}

.tab2 ul {
    list-style: none;
}


.tab2 li {	
	display: inline-block;
	text-align: center;
 	cursor: pointer;
}

.tab2 li a.active1
{	background: #ea1b25;
    color: #ffffff;
}


.searchcontainer {
    position: absolute !important;
    top: 45% !important;
    width: 100% !important;
}

.searchrow {
    position: relative !important;
    width: 980px !important;
    margin: 0 auto!important;
}

.footer-subcribe {
    position: relative;
    left: 0px;
    top: -40px;
    float: right;
    padding: 8px 12px;
    font-size: 18px;
    background-color: #eb1e25;
    border: 0px;
}

.select {
    padding: 6px !important;
    width: 100% !important;
}

.border {
    border: solid 1px #d3d3d3;
}

.border-bottom {
    border-bottom: solid 1px #d3d3d3;
}
.form-group {
    margin-bottom: 10px;
}

/********* margin css ********************/

.margin-top10 {
    margin-top: 10px !important;
}

.margin-top0 {
    margin-top: 0px !important;
}

.margin-top20 {
    margin-top: 20px !important;
}

.margin-top40 {
    margin-top: 40px !important;
}

.margin-top60 {
    margin-top: 60px !important;
}

.margin-bottom10 {
    margin-bottom: 10px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.margin-bottom40 {
    margin-bottom: 40px !important;
}

.margin-bottom60 {
    margin-bottom: 60px !important;
}

.margin-bottom0 {
    margin-bottom: 0px !important;
}

.margin-left20 {
    margin-left: 20px !important;
}

.margin-left40 {
    margin-left: 40px !important;
}

.margin-left60 {
    margin-left: 60px !important;
}

.margin-left0 {
    margin-left: 0px !important;
}

.margin-right10 {
    margin-right: 10px !important;
}

.margin-right20 {
    margin-right: 20px !important;
}

.margin-right40 {
    margin-right: 40px !important;
}

.margin-right60 {
    margin-right: 60px !important;
}

.margin-right0 {
    margin-right: 0px !important;
}

.margin10 {
    margin: 10px !important;
}

.margin20 {
    margin: 20px !important;
}

.margin40 {
    margin: 40px;
}

.margin60 {
    margin: 60px;
}

.margin0auto {
    margin: 0 auto !important;
}

.margin-none {
    margin: 0px !important;
}

.borderr {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.borderl {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.zindex {
    z-index: 8888 !important;
}

.zindex-1 {
    z-index: 1 !important;
}


/********* margin end css ********************/


/********* radio css  ********************/

.rad {
    margin: 0.7rem;
}

.rad input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.update-rent .rad input[type="radio"] {
    position: absolute;
    opacity: 1;
	width: 20px;
    height: 20px;
	margin-top: 0px;
}

.rad-label {
    cursor: pointer;
    margin-right: 17px;
}
.update-rent .rad-label {
    margin-left: 30px;
}
            
/*.rad input[type="radio"],*/
.update-rent .rad-label:before {
	display:none
}
.rad-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.rad input[type="radio"]:checked+.rad-label:before {
    background-color: #003A82;
    box-shadow: inset 0 0 0 4px #ffffff;
}

.rad input[type="radio"]:focus+.rad-label:before {
    outline: none;
    border-color: #3197EE;
}

.rad input[type="radio"]:disabled+.rad-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    /*background: #b4b4b4;*/
}

.rad input[type="radio"]+.rad-label:empty:before {
    margin-right: 0;
}


/********* padding css ********************/

.no-padding {
    padding: 0!important;
}
.padding-top20 {
    padding-top: 20px !important;
}
.padding-top30 {
    padding-top: 30px !important;
}

.padding-top40 {
    padding-top: 40px !important;
}

.padding-top60 {
    padding-top: 100px !important;
}

.padding-bottom20 {
    padding-bottom: 20px !important;
}

.padding-bottom10 {
    padding-bottom: 10px !important;
}

.padding-bottom15 {
    padding-bottom: 15px !important;
}

.padding-bottom40 {
    padding-bottom: 40px !important;
}

.padding-bottom60 {
    padding-bottom: 80px !important;
}

.padding-left0 {
    padding-left:0px !important;
}

.padding-left10 {
    padding-left: 10px !important;
}

.padding-left20 {
    padding-left: 20px !important;
}

.padding-left30 {
    padding-left: 30px !important;
}

.padding-left40 {
    padding-left: 40px !important;
}

.padding-left60 {
    padding-left: 60px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

.padding20 {
    padding: 20px !important;
}

.padding25 {
    padding: 25px !important;
}

.padding40 {
    padding: 40px !important;
}

.padding60 {
    padding: 60px !important;
}

.padding0 {
    padding: 0px !important;
}

.paddingtb {
    padding: 6px 20px !important;
}

.paddingtb10 {
    padding: 10px 0px !important;
}

.paddingtb15 {
    padding: 15px 0px !important;
}

.paddingtb20 {
    padding: 20px 20px !important;
}

.padding-left25 {
    padding-left: 25px!important;
}

.padding-r5 {
    padding-right: 5px!important;
}

.book-wrapper1 {
    background-color: #ffffff;
    box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.32);
    border-radius: 10px;
    text-align: center;
}

.book-wrapper1 img {
     background-position: 50% 50%;
    background-size: contain;
    height: 180px;
    max-width: 100%;
    padding-top: 20px;

}


/********* padding end css ********************/

.navbar-default .navbar-nav>li>a {
    padding: 20px 40px !important;
}


/********* Background color css ********************/

.white-bg {
    background-color: #ffffff !important;
}

.dark-grey {
    background-color: #2e2f32 !important;
}

.nav-grey {
    background-color: #4c4c4c !important;
}

.nav-grey ul li {
    color: #ffffff;
}

.nav-grey ul li a {
    color: #ffffff;
    text-decoration: none;
}

.nav-grey ul li a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #444444;
}

.black {
    background-color: #242527 !important;
}

.light-grey {
    background-color: #F8FAFD !important;
}

.bg-filer {
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 15px;
}

.grey {
    background-color: #eaebee !important;
}

.green {
    background-color: #80c847 !important;
}

.red {
    background-color: #eb1c24 !important;
}

.yellow {
    background-color: #f5b534 !important;
}

.footer-dark {
    background-color: #4e5054 !important;
}

.blue {
    background-color: #294070 !important;
}

.proprize {
    padding-top:5px;
    color: #106dba;
    font-size: 15px;
    border-radius: 4px;
}

.tint-grey {
    background-color: #ecf2f6 !important;
}

.buttongrey {
    background-color: #bcc0ca !important;
}

.mdgrey {
    background-color: #dedede !important;
}

.greenCTA {
    background-color: #003a83 !important;
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px;
}

.greenCTA .fa {
    width: 60px;
    text-align: center;
}

.greenCTA .text {
    text-align: left;
}

.greenCTA label {
    color: #fff;
}

.floatLeft {
    float: left;
}

.infopanelHeading {
    background-color: #ea1b25  !important;
    padding: 8px 14px;
    font-size: 12px;
    line-height: 1.3333333;
    border-radius: 4px;
    text-transform: uppercase;
    color: #ffffff;
    /*border: 1px solid #fff;*/
    text-align: center;
    margin-top: -16px;
    margin-bottom: 20px;
}

.formField {
    border-radius: 4px !important;
    color: #333;
    padding: 7px;
    width: 100%;
    margin-bottom: 10px;
}


/********* Background end color css ********************/


.breadcrumb {
    padding: 8px 15px;
    margin-bottom:0px;
    list-style: none;
    background-color: rgba(245, 245, 245, 0);
    border-radius: 0px;
}

/********* inside page ********************/

.filter_head {
    font-size: 18px;
    border-bottom: solid 1px #ddd;
    padding: 10px 18px;
}

.property-type .checkbox {
    display: inline-block;
    width: 49%;
}

.address-select {
    height: 40px;
}

.price-input,
.sqft-input {
    border: 0;
    border: 0px !important;
    padding-bottom: 15px;
    background: none;
}

.nbCheckbox {
    position: relative;
    margin-top: 15px;
    display: inline-block
}

.nbCheckbox label {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(top, #fcfff4 0, #dfe5d7 40%, #b3bead 100%);
    border-radius: 2px;
    border: 2px solid #E1E1E1
}

.nbCheckbox label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 3px;
    border: 3px solid #fd3743;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 0;
    transform: rotate(-45deg)
}

.nbCheckbox label:hover::after {
    opacity: .5
}

.nbCheckbox input[type=checkbox]:checked+label:after {
    opacity: 1
}

.nbCheckbox .checkBoxLabel {
    position: relative;
    top: 0;
    left: 10px
}

.bed .nbCheckbox.btnFilter {
    margin: 5px 8px 0 -3px
}

.nbCheckbox.btnFilter {
    margin: 5px 8px 0 -3px
}

.nbCheckbox.btnFilter input[type=checkbox] {
    width: 0;
    position: absolute;
    z-index: -1;
}

.nbCheckbox.btnFilter input[type=checkbox]:checked+label {
    background: #337ab7;
    color: #fff;
}

.nbCheckbox.btnFilter input[type=checkbox]:checked+label:after {
    display: none;
}


/*
.bed .nbCheckbox.btnFilter input[type=checkbox]:checked+label span:after {
    content: '\f00c';
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
}
*/

.bed .nbCheckbox.btnFilter label {
    padding: 3px 8px 3px 8px!important;
}

.nbCheckbox.btnFilter label {
    width: auto;
    height: auto;
    position: static;
    display: inline-block;
    padding: 3px 8px 3px 8px;
    font-weight: 500;
    font-size: 13px;
    border: none;
    background: #f8f8f8;
}

.bath .nbCheckbox.btnFilter label {
    width: 36px;
    text-align: center;
    margin: 0px 8px 0px;
}

.nbCheckbox.btnFilter label:hover:after {
    display: none
}

.nbCheckbox.btnFilter .filterLabel {
    font-weight: 400
}

.pets .rad-label,
.bath .rad-label {
    cursor: pointer;
}

#more_btn,
#less_btn {
    text-decoration: none;
    text-align: right;
}

.property-type .checkbox .control {
    font-size: 14px;
    color: #909496;
}

.show-more-wrap {
    height: 95px;
    overflow: hidden;
}

.property-tab-list li {
    width: 49%;
    text-align: center;
}

.property-details-tab li {
    width: 50%;
    text-align: center;
}

.show-more {
    color: #337ab7;
    position: relative;
    font-size: 14px;
    padding-top: 5px;
    height: 20px;
    text-align: right;
    cursor: pointer;
    display: inline-block;
    float: right;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background: #eb1e25;
    /* box-shadow: inset 0 5px 10px rgba(0, 0, 0, .3); */
    color: #fff;
    border-radius: 0;
    padding: 9px 10px;
    text-transform: uppercase;
    font-size: 16px;
}

.nav-pills>li {
    float: left;
    border: 1px solid #e8e8e8;
    background: #f7f7f7;
    box-shadow: inset 0 15px 30px rgba(255, 255, 255, .9);
    margin-left: 0px!important;
}

.nav-pills>li>a {
    font-size: 16px;
    padding: 9px 10px;
    text-transform: uppercase;
}

#detailsBox ul.nav-pills>li {
    background: #dedede;
    border: 0;
    box-shadow: none;
}

#detailsBox ul.nav-pills>li a {
    color: #000;
}

#detailsBox ul.nav-pills>li.active a {
    color: #fff;
}

.ui-autocomplete {
    padding: 0px 0px 0px 0px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(231, 231, 231);
    width: 256px!important;
    list-style: none;
}

.ui-autocomplete li {
    cursor: pointer;
    padding: 0px 0px 0px 10px;
}

.ui-autocomplete li:hover {
    background-color: #e7e7e7;
}

.select-type .bootstrap-select .btn {
    border: 1px solid #E7E2E2 !important;
}

.bootstrap-select .btn {
    border-bottom: 1px solid #f7f7f7;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.bootstrap-select .btn:hover {
    background-color: transparent;
    box-shadow: 0px 0px 0px grey!important;
}


/* *********  form tags input  **************************** */

.tagsinput {
    border: 1px solid #E7E2E2;
    background: #FFF;
    width: 300px;
    overflow-y: auto;
}

span.tag {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px 9px;
    text-decoration: none;
    background: #5cb85c;
    color: #F1F6F7;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: helvetica;
}

span.tag a {
    color: #F1F6F7 !important;
}

.tagsinput span.tag a {
    font-weight: bold;
    color: #82ad2b;
    text-decoration: none;
    font-size: 11px;
}

.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 14px;
    border: 1px solid transparent!important;
    padding: 3px;
    background: transparent;
    color: #000;
    outline: 0px;
}

.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

#tags_1_tagsinput {
    max-height: 100px;
    overflow: auto;
}

#tags_1_tag,
#tags_1_addTag {
    width: 100%!important;
    color: #909496!important;
}

#tags_1_tag {
    padding: 6px 10px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}


/* *********  /form tags input  **************************** */


/********* text color css ********************/

.white-txt {
    color: #ffffff !important;
}

.sg-modal-title {
    color: #000 !important;
}

.dark-grey-txt {
    color: #474747 !important;
}

.black-txt {
    color: #000000 !important;
}

.grey-txt {
    color: #666666 !important;
}

.light-grey-txt {
    color: #909496!important;
}

.footerhead-txt {
    color: #f7f7f7 !important;
}

.green-txt {
    color: #003A82 !important;
}

.red-txt {
    color: #eb1c24 !important
}

.yellow-txt {
    color: #ffbe1a !important;
}

.blue-txt {
    color: #294070 !important;
}

.light-blue {
    color: #003c84;
}

.navtxt {
    color: #9d9d9d !important;
}

.letter-spacing {
    letter-spacing: 4px;
}

.elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    font-size: 14px;
}

#price-slider {
    width: 100%;
    height: 50px;
    font-size: 14px;
}

#price-slider input {
    width: 90px;
    display: inline-block;
    font-size: 12px;
}

#slider-range,
#sqft {
    position: relative;
    margin: auto;
    width: 100%;
    height: 4px;
    border-radius: 5px;
    background-color: #bebebe;
}

#slider-range .ui-slider-handle,
#sqft .ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -8px;
    border: none;
    background: #ffffff;
    cursor: pointer;
    box-shadow: grey 0px 1px 5px 0px;
}

#slider-range .ui-slider-range,
#sqft .ui-slider-range {
    background: #003780;
    padding: 2px;
    position: absolute;
}

#slider-range .ui-corner-all,
#sqft .ui-corner-all {
    border-radius: 15px;
}

.left_heading.keyword-search {
    border-bottom: 0px;
    display: inline-block;
}

.keyword-search-btn {
    display: inline-block;
    float: right;
    position: relative;
    top: 5px;
    background: #337ab7;
    color: #fff;
    border: 1px solid #337ab7;
    font-size: 16px;
    border-radius: 3px;
}


/********* text color end css ********************/

.borderlrb {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.borderradius {
    border-radius: 10px !important;
}

.borderradius5 {
    border-radius: 5px !important;
}

.borderradiusnone {
    border-radius: 0px !important;
}

.bordernone {
    border: none !important;
}

.path {
    fill: #ffffff;
}

.height100 {
    height: 100% !important;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0px;
    height: 17px;
    width: 17px;
    background: none;
    border: 1px solid #909496;
    border-radius: 2px;
}
.update-rent .control__indicator {
    display:none;
}

.update-rent .checkbox input[type="checkbox"] {
    opacity: 1;
	height: 17px;
    width: 17px;
	margin-top: 0px;
	margin-left: -45px;
	z-index:1;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {}

.control input:checked~.control__indicator {
    background-color: #003A82;
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
    background-color: #003A82;
}

.control input:disabled~.control__indicator {
    background: none;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b;
}


/********* float css ********************/


/********* font css ********************/

.font24 {
    font-size: 24px !important;
}

.font14 {
    font-size: 14px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12p {
    font-size: 12px !important;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px !important;
}

.font20 {
    font-size: 20px !important;
}

.font30 {
    font-size: 30px !important;
}

.font50 {
    font-size: 50px !important;
}

.fontbold {
    font-weight: bold;
}

.borderbtn {
    border: solid 1px lightgrey;
}

.drop-shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.center-div {
    top: 30%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 350px;
}

.full-div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/bg.png);
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    background-position: center top;
}

.float-none {
    float: none !important;
}

.float-right {
    float: right !important;
}

.width85 {
    width: 85% !important;
}

.full-width {
    width: 100% !important;
}


/* Portrait and Landscape */

@media screen and (max-width: 768px) {
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        background-color: #222 !important;
    }
    .navbar-toggle {
        background-color: #222 !important;
    }
    .glyphicon-hand-left {
        /* IE 9 */
        -webkit-transform: rotate(90deg) !important;
        /* Chrome, Safari, Opera */
        transform: rotate(90deg) !important;
    }
    .navigationli {
        padding: 20px 18px !important;
        color: #000000;
    }
}


/* Portrait and Landscape */

@media screen and (max-width: 768px) {
    .nav>li {
        position: relative;
        display: block;
        text-align: center !important;
    }
    .searchrow {
        position: relative !important;
        width: 100% !important;
        margin: 0 auto!important;
    }
    .navigationli {
        padding: 20px 18px !important;
        color: #000000;
    }
}

@media only screen and (max-width: 760px) and (min-width: 320px) {
	.topmarg{
		margin-top40
	}
   .searchrow {
        position: relative !important;
        width: 100% !important;
        margin: 0 auto!important;
    }
    .borderr {
        border-radius: 25px !important;
        margin-bottom: 25px !important;
    }
    .borderl {
        border-radius: 25px !important;
        margin-bottom: 25px !important;
    }
    .borderradiusnone {
        border-radius: 25px !important;
        margin-bottom: 25px !important;
    }
    .searchcontainer {
        position: absolute !important;
        top: 25% !important;
        width: 100% !important;
    }
    .navigationli {
        padding: 8px 0px !important;
        color: #000000;
        margin: 0px 0px 0px 10px;
    }
    .swiper-slide img {
        width: 100%;
        height: 344px !important;
    }
    .navbar-collapse{
        float: none !important;
        border-top: 1px solid #ff0000 !important;
    }
    .navbar-collapse ul li{
        border-bottom: 1px solid #bbb8b8 !important;
        margin-left: 0px;
    }
    .navbar-collapse ul li:last-child{
        border-bottom: 0px !important;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .navigationli {   
        margin: 20px 0px 0px 30px;
    }
}

.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 8px 0px;
    cursor: default;
    overflow: hidden;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    font-size: 15px;
    font-weight: normal;
}

.autocomplete-suggestion {
    padding: 10px 20px;
    border-bottom: 1px solid #42d13f;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 0px 5px;
}

.autocomplete-selected {
    background: #42d13f;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 0px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

.autocomplete-suggestion:hover {
    color#FFF !important
}

.sg-check-box {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.sg-check-margin {
    margin-bottom: 15px !important;
}

a:hover, a:focus {
    color: #002d66;
    text-decoration:none;
}

input,
textarea {
    border-radius: 0px !important;
    border: 1px solid #E7E2E2 !important;
    box-shadow: none !important;
    font-family: FontAwesome, roboto;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.form-bottom {
    background: #eee none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    padding: 15px;
    text-align: left;
}

.carousel {
    margin-bottom: 0;
}


/* The controlsy 

.carousel-control {
    left: -90px;
    height: 40px;
    width: 40px;
    background: none !important;
    margin-top: 170px;
}*/

.carousel-control {
    left: -20px;
    /* height: 40px; */
    width: 40px;
    background: none !important;
   
}

.carousel-control.right {
    right: -20px;
}


/* The indicators */

.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -50px;
    margin-right: -19px;
}


/* The colour of the indicators */

.carousel-indicators li {
    background: #cecece;
}

.carousel-indicators .active {
    background: #428bca;
}

ul.thumbnails.image_picker_selector {
    overflow: auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.thumbnails.image_picker_selector ul {
    overflow: auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.thumbnails.image_picker_selector li.group_title {
    float: none;
}

ul.thumbnails.image_picker_selector li {
    margin: 0px 12px 12px 0px;
    float: left;
}

ul.thumbnails.image_picker_selector li .thumbnail {
    padding: 6px;
    border: 1px solid #dddddd;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
    -webkit-user-drag: none;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: #0088cc;
}

.sg-thumbnail {
    margin-bottom: 0px !important;
}

.sg-thumbnail-img {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.sg-text-img {
    background-color: #FFFFFF;
    padding: 15px;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    text-align: left;
}

.sg-text-img h3 {
    color: #0f1214;
    font-family: "Roboto", sans-serif !important;
    font-size: 15pt;
    line-height: 15pt;
    font-style: bold;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
	font-weight:600;
}

.sg-text-a {
    color: #003A82;
    font-size: 14px;
	font-weight: bold;
    text-decoration: none !important
}

.sg-text-a:hover {
    color: #00327d !important;
    font-size: 14px;
    text-decoration: none !important;
    font-weight: bold;
    margin-bottom: 10px !important;
}

.carousel-indicators li {
    display: inline-block;
    width: 50px !important;
    height: 2px !important;
    margin: 1px;
    text-indent: -999px;
    border: none !important;
    border-radius: 10px;
    cursor: pointer;
    background-color: #a7a7aa !important;
    background-color: rgba(167, 167, 170, 0);
}

.carousel-indicators .active {
    margin: 1px !important;
    width: 50px;
    height: 2px;
    background-color: #003A82 !important;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #003A82;
    color: #FFF;
}

.sg-tab-margin {
    padding-top: 15px !important;
}

.nav-tabs {
    border-bottom: none !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none !important;
    border-bottom: 5px solid #eb1c24 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.nav-tabs>li>a {
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 0px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin-right: 20px;
}

.dropdown-menu > li > a {
     border-bottom: 1px solid #003a83;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #003a83;
}

.nav-tabs>li>a:hover {
    border: none !important;
    color: #fff !important;
}

.modal-footer {
    text-align: center !important;
}

.fb-color {
    color: #3b5998 !important;
}

.gp-color {
    color: #dd4b39 !important;
}

.sg-social-text {
    font-size: 17px;
    position: relative;
    bottom: 6px;
}

.sg-text {
    font-size: 18px;
}

.forgotpassword-container {
    border: 1px solid #b3b4b6;
    margin: 20px auto;
    width: 500px;
    max-width: 500px;
}

.password-reset {
    background-color: #106dba;
    border: 1px solid #106dba;
    display: block;
    margin: 0 auto;
    padding: 8px 30px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}

.btn-submit-reject {
    background: #337ab7;
    color: #fff;
    border: 1px solid #337ab7;
    font-size: 16px;
    border-radius: 3px;
    padding: 7px 40px;
}

.fromDate,
.toDate {
    background-color: #fff!important;
}

.filter-box label {
    margin-bottom: 0!important;
}

.search-btn-landlord,
.search-btn-payment {
    background-color: #003A82;
    color: #fff;
    position: relative;
}

.reset-btn-payment {
    background-color: #e5e5e5;
    color: #000;
    position: relative;
}

.filter-box.payment-history-container {
    padding: 0 -1px 0 0;
}

.payment-detials-container label {
    display: block;
    font-size: 14px;
    color: #000;
    background: #e5e5e5;
    padding: 3px 10px;
    margin: 0;
}

.payment-detials-container span {
    display: block;
    color: #000;
    border: 1px solid #e5e5e5;
    padding: 7px 10px;
}

.user-info-details {
    border-bottom: 1px solid #868686;
}

.employmentDate{
    display: none;
}

@media screen and (max-width:992px){
    .search-btn-payment, .reset-btn-payment {
        top: 0;
    }
}

@media screen and (max-width:767px) {
    .search-btn-landlord {
        top: 0;
    }
    .filter-box.payment-history-container {
    padding: 0 0px 0 0;
}
}

@media screen and (max-width:550px) {
    .forgotpassword-container {
        border: 1px solid #b3b4b6;
        margin: 20px auto;
        width: 90%;
        max-width: 90%;
    }
}

.paddingtopbottom20{
    padding: 20px 0px;
}
.field-paymentsearch-paymentfromdate .help-block,
.field-paymentsearch-paymenttodate .help-block {
    margin-top: -5px;
}

.field-paymentsearch-paymentfromdate input,
.field-paymentsearch-paymenttodate input {
    background: #fff!important;
}
.swiper-slide{
    width: 100%!important;
}
.swipe-slider-banner {
   width: 100%;
    height: 363px;
    max-width: 815px;
    max-height: 363px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


#detailsBox.tab-content {
    border: 5px solid #dedede;
    width: 815px;
    max-width: 100%;
}


.posted-date {
    color: darkgray;
}

.amenity-contailer {
    list-style: none;
    position: relative;
    padding-left: 15px;
}

.amenity-contailer li {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    margin: 0px 20px 30px 0px;
}

.amenity-wrapper {
    position: relative;
    width: 100px;
    height: 88px;
    border: 2px solid lightgrey;
    transition: all .6s ease-in-out;
}

.amenity-icon {
    position: relative;
    width: 57px;
    border: 2px solid lightgrey;
    height: 57px;
    background: #fff;
    left: 20px;
    top: -20px;
    transition: all .6s ease-in-out;
}

.amenity-icon object {
    width: 100%;
    height: 43px;
    position: absolute;
    padding: 5px;
    top: 4px;
    transition: all .6s ease-in-out;
}

.amenity-name {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 18px;
    font-size: 15px;
    height: 20px;
    line-height: 18px;
}

.amenity-name span {
    width: 100%;
}

.amenity-wrapper:hover,
.amenity-wrapper:hover .amenity-icon {
    border: 2px solid #003A82;
}

.move-date input {
    border-radius: 4px 0px 0px 4px!important;
}

.property-contact{
	background-color: #eaeaea;
	}

.property-contact h4 {
    margin: 0px 0px 23px 0px;
    border: 1px solid #003a83;
    padding: 17px 10px 4px 10px;
}

.property-contact label {
    color: #333;
    position: absolute;
    background-color: #eaeaea;
    left: 25px;
    padding: 0px 10px;
    font-size: 12px;
    top: -8px;
}

.overview ul {
    font-weight: 600;
    color: #666666;
    list-style: none;
    padding-left: 0px;
}

.overview>ul>li:nth-child(2n+1) {
    margin-right: 7px;
}

.overview li {
    background-color: #F8F8F8;
    padding: 20px 30px;
    margin-bottom: 10px;
}

.overview>ul>li {
    background-color: #f7f7f7;
    border-radius: 5px;
    color: #666666;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 7px;
    text-align: left;
    -webkit-width: calc(50% - 5px);
    width: calc(49% - 5px);
}

.video-inner .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100px;
    height: 100px;
    color: #fff;
    margin-top: -50px;
    margin-left: -50px;
    text-decoration: none;
    border-radius: 50%;
    background-color: #85c14f;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
}

.video-inner .video-play i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-top: -16px;
    margin-left: -7px;
    z-index: 3;
}

.video-container {
    height: 340px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.video-wrapper {
    position: absolute;
    background: rgba(51, 51, 51, 0.51);
    width: calc(100% - 30px);
    height: 100%;
}

.video-inner .video-play:hover {
    background-color: rgba(133, 193, 79, 0.7);
}
@media  (max-width:600px){
 .overview li {
        width: 100%!important;
    }
}

.form-group .help-block{
    margin-top: 0px!important; 
    margin-bottom: 0px!important; 
}
.form-group input, .form-control[readonly]{
    background-color: #fff!important;
}
.delete-room-img {
    background: rgb(14, 51, 122);
    border: none;
    position: absolute;
    top: 0px;
    right: -20px;
    border-radius: 50%;
    color: #fff;
    width: 28px;
    height: 28px;
}
.photolists {
    position: relative;
    width: 135px;
    height: 94px;
    max-width: 135px;
    max-height: 94px;
    padding: 10px;
}
.photo-property-list .slider.propertyPhotos img {
    width: 140px;
    max-width: 140px;
    display: block;
    margin: 0 auto;
    border: 1px solid #f5f5f5;
    height: 93px;
    max-height: 93px;
    border-radius: 4px;
}
.add-photo-file.roomphoto-container{
    width: 75%;
    display: inline-block;
}
.upload-photo-btn{
        vertical-align: top;
}
/*.field-radio-1,
.field-radio-2,
.field-move-yes,
.field-move-not,
.field-bank-yes,
.field-bank-not{
    display: inline-block;
}*/

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.emp-check:before, .emp-not-check:before, .bank-yes-check:before, .bank-not-check:before , .move-yes-check:before , .move-not-check:before{
    background-color: #003A82!important;
    box-shadow: inset 0 0 0 4px #ffffff!important;
}

#mapdisp {
    height: 363px;
    width: 100%;
}
.keyword-input{
    display: none;
}




#testimonial_Carousel .carousel-control{
    margin-top: 100px!important;
}
.pac-container .pac-item{
    border-top: 1px solid #003A82!important;
}
.pac-container .pac-item:hover, .pac-container .pac-item:hover .pac-item-query{
    background-color: #003A82!important;
    color: #fff;
}
.home-select .bootstrap-select .bs-caret, .home-select .bootstrap-select:hover .dropdown-toggle{
    background-color: transparent!important;
}
.home-select .bootstrap-select .dropdown-toggle{
    color: #000!important;
}
.home-select .bootstrap-select .btn {
    border-bottom: 1px solid transparent!important;
}
.home-select .bootstrap-select.open {
    background-color: #f7f7f7;
}
.search-panel>ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    width: 100%;
}
.search-panel > ul > li{
    width: 19%;
    display: inline-block;
    position: relative;
    padding: 0px 5px;
}
.search-panel > ul > li .payment-search-date{
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    position: relative;
}
.payment-date-from-to{
    padding: 6px 10px;
    border: 1px solid #E7E2E2 !important;
    position: relative;
}
.From-To{
    position: relative;
}
.form-group.date-picker:after{
    content: '\f073';
    font-family: FontAwesome;
    background: #eeeeee;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0px;
    top: 21px;
    z-index: 1;
    padding: 8px 9px;
}
/*
.form-group .bs-caret-cal .fa{ 
    position: absolute;
    top: 10px;
    left: 10px;
}
*/

input[name="datefilter"]{
    padding: 6px 8px;
    width: 100%;
    cursor: pointer;
    z-index: 2;
}
.date-icon-with-label{
        position: absolute;
    width: 34px;
    height: 34px;
    top: 0px;
    right: 0;
    z-index: 4;
    cursor: pointer;
}
.date-icon{
    position: absolute;
    width: 34px;
    height: 34px;
    top: 25px;
    right: 0;
    z-index: 4;
    cursor: pointer;
}
.date-icon .fa, .date-icon-with-label .fa{
padding: 3px 0px;
}
.search-btn-set{
    position: relative;
    top: 20px;
    text-align: center;
}

@media screen and (min-width:993px){
    .sg-thumbnail-img{
        width: 100%;
        height: 264px;
    }
}
@media screen and (max-width:992px){
    .sg-thumbnail-img{
        width: 100%;
        height: auto;
    }
    #Carousel .carousel-inner .col-md-4{
        margin-bottom: 20px;
    }
    .search-panel > ul > li {
    width: 24%;
    }
    .search-panel > ul > li:last-child{
        float: right;
    }
}
@media screen and (max-width:767px){
    .modal-lg {
    width: 400px;
  }
	
	
	.search-panel > ul > li {
    width: 33%;
    }
    .search-btn-set{
    position: relative;
    top: 0px;
    text-align: left;
}
}
.card-valid-date label{
    display: block;
}
.card-valid-date .form-group{
    width: 49%;
    display: inline-block;
}
.passwordbtn{
    padding: 10px 40px;
    font-size: 14px;
    background-color: #003A82;
    border: 0px;
}


.grid-filter{
    position: absolute;
    right: 0;
    top: -12px;
}
#map-property{
    width: 100%;
    height: 400px;
    top: 42px;
}}
-------------new add css----------

#thumbnail img{
    width: 100%;
    height: 200px;
   }
   
/********************************/

div.bhoechie-tab-container{
  z-index: 10;
  background-color: transparent;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: ##106dba;
  background-image: ##106dba;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #106dba;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding: 30px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

div.bhoechie-tab-content p{
	font-size: 15px;
    line-height: 1.875;
    color: 000;
    color: #777777;
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
	
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

/********************************/

#first-slider .main-container {
  padding: 0;
}


#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
    color: #fff;
    font-size: 30px;
      text-transform: uppercase;
      font-weight:700;
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    color: #fff;
    font-size: 30px;
      text-transform: uppercase;
      font-weight:700;
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 40px;
}


#first-slider .carousel-indicators {
  bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}
#first-slider .carousel .item {
  min-height: 425px; 
  height: 100%;
  width:100%;
}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


#first-slider h3{
  animation-delay: 1s;
}
#first-slider h4 {
  animation-delay: 2s;
}
#first-slider h2 {
  animation-delay: 3s;
}


#first-slider .carousel-control {
    width: 6%;
        text-shadow: none;
}


#first-slider h1 {
  text-align: center;  
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

#first-slider .p {
  padding-top: 125px;
  text-align: center;
}

#first-slider .p a {
  text-decoration: underline;
}
#first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.4);
  border:none;
}
#first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background-color: #fff;
  border:none;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}



#first-slider .slide1 {
    background-image: url("../images/suitable_home_new.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide2 {
    background-image: url("../images/owner_home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide3 {
	background-image: url("../images/family_home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide4 {
	background-image: url("../images/rental_services.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}  


.green-bg {
    background-color: rgba(92, 184, 92, 0.97) !important;
}

.blue-bg {
   background-color: rgb(0, 58, 131)!important;
}

.imgserv {
    width: 200px;
    height: 200px;
}

.contact_bg {
    background: #ffffff;
    padding: 0px 30px 30px;
}

.contacticon {
    line-height: 6%;
    color: #eb1c23;
    margin-right: 10px;
    font-size: 20px;
}

/********************************/

.medium_circled_why {
    padding-top: 15px;
    background-color: #003A82;
    border: 1px solid #003A82;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 30px !important;
    font-weight: 400;
	text-align: center;
}

p.normalText {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.fontawesome_custom {
    margin-top: 55px;
    font-family: FontAwesome;
    color: #106dba;
    font-size: 30px !important;
    font-weight: 400;
    text-align: center;
}

.fontawesome_with_circle {
    float: left;
    border: 1px solid #003A82;
    border-radius: 50%;
    padding: 10px;
    font-family: FontAwesome;
    color: #003A82;
    font-size: 30px !important;
    font-weight: 400;
    line-height: 30px;
}

.destacados{
    padding: 0px 0;
	text-align: center;
}

.destacados h3{
    color: #072f7b; 
}

.destacados > div > div{
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: 0.2s;
	margin-bottom:20px;
	height: 380px;
    background: rgba(255, 255, 255, 0.17);
    padding: 20px 30px;
}
.destacados > div:hover > div{
	margin-top: -10px;
	border: 1px solid rgb(200, 200, 200);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background:#ffffff;
	transition: 0.5s;
	
}

.whyddest{
    padding: 0px 0;
	text-align: center;
}

.whyddest > div > div > h3{
	color:#777777;
}
.whyddest > div > div:hover > h3{
	color:#003A82;
}

.whyddest > div > div{
	padding: 10px;
	border: 1px solid rgba(200, 200, 200, 0.32);
	border-radius: 4px;
	transition: 0.2s;
	margin-bottom:20px;
	height: 380px;
    padding: 20px 30px;
}
.whyddest > div:hover > div{
	margin-top: -10px;
	border: 1px solid rgba(0, 58, 130, 0.1);
	transition: 0.5s;
	
}

.medium_circled_why {
    padding-top: 15px;
    background-color: #003A82;
    border: 1px solid #003A82;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 30px !important;
    font-weight: 400;
    text-align: center;
}

.imgserv{
	width: 200px;
    height: 200px;
}

.contactlist li {
	list-style: none;
	padding: 5px;
}


------------------------
.carousel-showsixmoveone
{
  .carousel-control
  { 
    width: 4%;
    background-image:none;

    &.left 
    {
      margin-left:15px;
    }

    &.right 
    {
      margin-right:15px;
    }
  }

  .cloneditem-1, 
  .cloneditem-2, 
  .cloneditem-3,
  .cloneditem-4, 
  .cloneditem-5
  {
    display: none;
  }

  .carousel-inner
  {
    @media all and (min-width: 768px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(33.333%, 0, 0);  
          left: 0;
        }

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-33.333%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }    
      } 

      > .active.left,
      > .prev
      {
        left: -33.333%;
      }

      > .active.right,
      > .next
      {
        left:  33.333%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-1,
      .cloneditem-2
      {
        display: block;
      }
    }

    @media all and (min-width: 992px)
    {    
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(16.666%, 0, 0);  
          left: 0;
        }    

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-16.666%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }

      > .active.left,
      > .prev
      {
        left: -16.666%;
      }

      > .active.right,
      > .next
      {
        left:  16.666%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-3,
      .cloneditem-4, 
      .cloneditem-5
      {
        display: block;
      }
    }    
  }
}
#makeOfferPopup .infopanelHeading {
    background-color: #ea1b25 !important;
    padding: 8px 14px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 4px;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid #fff;
    text-align: center;
    margin-top: -21px;
    margin-bottom: 0px;
    width: 100%;
}

#makeOfferPopup button.close {
    padding: 0 2px;
    position: relative;
    cursor: pointer;
    background: #c50f0f;
    color: #fff;
    left: 15px;
    border: 0;
    -webkit-appearance: none;
    bottom: 15px;
    height: 22px;
    width: 22px;
    opacity: 0.8;
    border-radius: 10px;
}
#cardPaymentPopupOffer{
    overflow: auto;
}
.footer-about img{
    border-radius: 8px;
    border: 1.2px solid white;
}
.app-downlaod{
    position: absolute;
    right: 10px;
    margin-top: 18px;
    z-index: 999;
}
.app-downlaod img{
    border-radius: 8px;
    border: 1.5px solid white;
}
.dropdown-menu {
    z-index: 9999
}