@charset "utf-8";
/* CSS Document */

body{width:100%; height:100vh; color:#707070; font-family: 'Poppins', sans-serif; font-size:13px;}
ul, ol{margin:0; padding:0; list-style-type:none;}
input{border:none; box-shadow: none;}
::placeholder { /* Firefox, Chrome, Opera */ 
    color: #bababa; 
} 
.container{width:100%; max-width:1550px; min-height:100%;}
.mg-left15{margin-left:15px !important;}
.navbar-brand{height:auto; padding: 15px 15px 5px 15px;}
.navbar-right{margin-top:40px;}
.home-section{width:100%; height:100vh; background:url(../images/home-bg.jpg) no-repeat top center; background-size:cover; position:relative;}
.navigation{width:100%; min-height:88px; position:fixed; top:0; left:0; z-index:999;}
.logo{width:100%; padding-top:20px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.4);}
/*.logo img{width:280px;}
.logo-top{width:280px;}*/

.body-section{width:100%; overflow:hidden; position:relative;}
.half-column{width:50%; float:left; position:relative; height:100vh; padding-left:15px; padding-right:15px; /*overflow:hidden;*/}
.caption-heading{top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); position:absolute; color:#fff;}
.caption-heading h1{font-size:55px; font-weight:700;}
.caption-heading p{font-size:22px; line-height:33px; max-width:440px; font-weight:300;}

.login-form{float: right;
background-color: #fff;
padding: 24px 26px 24px 24px;
right: 15px;
top: 52%;
transform: translateY(-52%);
-moz-transform: translateY(-52%);
-webkit-transform: translateY(-52%);
position: absolute;
width: 345px;
height: 480px;
-webkit-box-shadow: 17px 17px 34px rgba(70,19,167,.44);
box-shadow: 17px 17px 34px rgba(70,19,167,.44);}

.login-logo{width: 150px;
text-align: center;
margin: 0 auto 10px;}
.login-logo img{width:100%; margin:0 auto;}
.home-form label{
	margin: 0;
    margin-bottom: 0px;
	text-transform: capitalize;
	letter-spacing:0px;
	font-weight: 400;
	color: #bababa;
	font-size: 14px;
	padding-left: 0px;	
}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 93%;
  margin-bottom: 20px;
}

.form-icon-log {
padding: 0;
background: transparent;
color: rgba(98,90,90,.22);
text-align: right;
font-size: 26px !important;
border-bottom: rgba(98,90,90,.22) 1px solid;
}

.input-field {
  width: 100%;
padding: 5px 5px;
outline: none;
border-bottom: rgba(98,90,90,.22) 1px solid;
color: #000;
}

.input-field:focus {
  
}

.fileUpload {
  color:#66479B;
  font-size:16px;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  width: 120px;
   cursor: pointer;
   float: left;
     
}
.pro-file-padding{
  padding: 10px 94px;
}
.fileUpload input.upload {
  position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;*/
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 148px;
    height: 46px;
  cursor: pointer;
}


/*.input-group{
	margin-top: 5px;
	margin-bottom: 12px;
	padding: 3px 0px 0px 0;
	border-bottom: 1px solid #bababa;
	background: #fff;
	width: 100%;
}
.icon-det{
width: 40px;
height: 40px;
vertical-align: middle;
box-sizing: border-box;
float: right;
text-align: right;
padding: 7px 0px 7px 7px;
}
.input-group i.fa {
font-size: 26px;
color: rgba(98,90,90,.22);
}
input[type="email"] {
    font-size: 14px;
    color: #333;
    text-align: left;
    letter-spacing: 0px;
    padding: 0px 10px 0 0;
    width: 93%;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    outline: none;
    background: transparent;
}
input[type="email"]:focus{border-bottom:1px solid #ff00;}

input[type="Password"] {
    font-size: 14px;
    color: #333;
    text-align: left;
    letter-spacing: 0px;
    padding: 0px 10px 0 0;
    width: 93%;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    outline: none;
    background: transparent;
}*/
.login-check {
    position: relative; margin-bottom:35px !important;
}
.home-form .login-check label {
text-transform: capitalize;
font-size: 14px;
letter-spacing: 0px;
color: #bababa;
padding-top: 0;
line-height: 20px;
}
input[type="checkbox"] {
    display: none;
}
.checkbox i {
position: absolute;
top: 0;
left: 0%;
text-align: center;
display: block;
width: 20px;
height: 20px;
border: 1px solid #eee;
background-color: #eee;
outline: none;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
cursor: pointer;
}
.checkbox input + i::after {
    content:url(../images/tick-1920.png);
    top: 1px;
    left: 0px;
}

.checkbox input:checked + i::after {
    opacity: 1;
}
.checkbox input + i::after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.checkbox {
    position: relative;
    display: inline-block;
    padding-left: 36px !important;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
}
.btn-login{width: 170px;
margin: 10px auto 0 auto;
border: 0;
border-radius: 60px;
height: 58px;
font-size: 17px;
line-height: normal;
font-weight: 600;
background: url("../images/add-to-realtor.png") no-repeat center center;
box-shadow: 0px 6px 12px rgba(148,94,240,.58);
-webkit-box-shadow: 0px 6px 12px rgba(148,94,240,.58);


}

.home-form p {color:#999; text-decoration:none; font-size:14px; line-height:normal; text-align:center; margin: 15px 0 0 0;}
.home-form p a{color:#bababa; font-size:14px; text-decoration:none;}
.home-form p a span{color:#68479b;}

.footer{width:100%; position:fixed; bottom:0;}
.footer-text{border-top:1px solid rgba(255,255,255,.4); padding-top:7px; padding-bottom:37px;}
.footer-text p{color:#fff; font-size:12px; line-height:normal; font-weight:300; margin:0;}
.footer-text p span{text-transform:uppercase;}

/*Forgot password Page*/

.fullcolumn{width:100%; float:left; position:relative; height:100vh; padding-left:15px; padding-right:15px; overflow:hidden;}

.forgot-form{background-color: #fff; padding: 24px 26px 24px 24px; right: 0; top: 52%; transform: translateY(-52%); -moz-transform: translateY(-52%);
-webkit-transform: translateY(-52%); position: absolute; width: 345px; height: 440px; margin: 0 auto; left: 0; text-align:center; -webkit-box-shadow: 17px 17px 34px rgba(70,19,167,.44); box-shadow: 17px 17px 34px rgba(70,19,167,.44);}


.forgot-form h1{font-size: 26px;
font-weight: 700;
line-height: 40px;
color: #bababa;
margin: 0 0 7px;}
.forgot-form h1 span{color:#66479b;}
.forgot-form p{margin:0 0 20px;}
.forgot-main-form{margin-top:10px;}
.forgot-main-form .input-group{width:100%;}
.forgot-main-form input{border-bottom: 1px solid #bababa;
width: 100%;
height: 40px;
margin-bottom: 18px;}
.forgot-main-form label{font-weight:400;}
.btn-send{width:200px; margin:20px auto 0 auto; border:0; border-radius:40px; height:50px; padding:10px 36px;
font-size:16px; line-height:normal; font-weight:600;
background: url("../images/add-to-realtor.png") no-repeat center center; box-shadow:0px 6px 12px rgba(148,94,240,.58); -webkit-box-shadow:0px 6px 12px rgba(148,94,240,.58);

}


/*Forgot Sent Page*/

.fullcolumn{width:100%; float:left; position:relative; height:100vh; padding-left:15px; padding-right:15px; overflow:hidden;}

.forgot-sent-form{background-color: #fff;
padding: 24px 26px 24px 24px;
right: 0;
top: 52%;
transform: translateY(-52%);
-moz-transform: translateY(-52%);
-webkit-transform: translateY(-52%);
position: absolute;
width: 345px;
height: 440px;
margin: 0 auto;
left: 0;
text-align: center;
-webkit-box-shadow: 17px 17px 34px rgba(70,19,167,.44);
box-shadow: 17px 17px 34px rgba(70,19,167,.44);}



.forgot-sent-form h1{font-size: 26px;
font-weight: 700;
line-height: 40px;
color: #bababa;
margin: 12px 0 45px;}

.forgot-sent-form h1 span{color:#66479b;}
.forgot-sent-main-form{margin-top:15px;}
.forgot-sent-main-form i{font-size:40px; margin:30px 0 10px;}
.forgot-sent-main-form p{margin-bottom:40px;}
.forgot-sent-main-form img{margin: 0 auto 20px;}

/*reset password Page*/

.fullcolumn{width:100%; float:left; position:relative; height:100vh; padding-left:15px; padding-right:15px; overflow:hidden;}

.reset-form{background-color: #fff;
padding: 24px 26px 24px 24px;
right: 0;
top: 52%;
transform: translateY(-52%);
-moz-transform: translateY(-52%);
-webkit-transform: translateY(-52%);
position: absolute;
width: 345px;
height: 440px;
margin: 0 auto;
left: 0;
text-align: center;
-webkit-box-shadow: 17px 17px 34px rgba(70,19,167,.44);
box-shadow: 17px 17px 34px rgba(70,19,167,.44);}




.reset-form h1{font-size: 26px;
font-weight: 700;
line-height: 30px;
color: #bababa;
margin: 0 0 9px;}

.reset-form h1 span{color:#66479b;}
.reset-form p{margin: 0 0 10px; font-size: 14px;}

.reset-main-form{margin-top:15px;}
.reset-main-form i{font-size:40px; margin:30px 0 10px;}
.reset-main-form p{margin-bottom:40px;}
.reset-pass-form .input-group{width:100%;}
.reset-pass-form .input-group input{border-bottom: 1px solid #bababa;
width: 100%;
height: 35px;
margin-bottom: 10px;}

.btn-reset{width:209px; margin:0px auto 0 auto; border:0; border-radius:40px; height:70px; 
font-size:20px; line-height:normal; font-weight:600;
background: url("../images/add-to-realtor.png") no-repeat center center; box-shadow:0px 6px 12px rgba(148,94,240,.58); -webkit-box-shadow:0px 6px 12px rgba(148,94,240,.58);
}
.reset-pass-form label {
    font-size: 13px;
font-weight: 400;
margin: 0;
}



/*Pass Change Com Page*/

.fullcolumn{width:100%; float:left; position:relative; height:100vh; padding-left:15px; padding-right:15px; overflow:hidden;}

.pass-change-form{background-color: #fff;
padding: 24px 26px 24px 24px;
right: 0;
top: 52%;
transform: translateY(-52%);
-moz-transform: translateY(-52%);
-webkit-transform: translateY(-52%);
position: absolute;
width: 345px;
height: 440px;
margin: 0 auto;
left: 0;
text-align: center;
-webkit-box-shadow: 17px 17px 34px rgba(70,19,167,.44);
box-shadow: 17px 17px 34px rgba(70,19,167,.44);}


.pass-change-form h1{font-size:26px; line-height:40px; color:#bababa; margin:0 0 10px; font-weight:700;}
.pass-change-form h1 span{color:#66479b;}
.pass-change-main-form{margin-top:15px;}
.pass-change-main-form i{font-size:40px; margin:15px 0 10px;}
.pass-change-main-form p{margin-bottom:20px; font-size:13px;}
.pass-change-main-form img{margin:0 auto 10px;}

/*Product listing*/

	/*Inner Navigation*/

.main-inner{width: 100%; height: auto; /*background: url(../images/home-bg.jpg) no-repeat top center; background-size: auto; background-size: cover;
position: relative;*/}
.navbar-default{background-color:transparent; padding-top:30px; padding-bottom:0px; border-bottom:1px solid #fff; border-radius:0; } 
.navbar{/*min-height:150px;*/
	margin-bottom:0; width: 100%;
background:url("../images/nav-header-bg.jpg") no-repeat top center;
    background-size: auto;
background-size: auto;
background-size: cover;
position: relative;}
.navbar-default .navbar-nav > li > a{color:#fff; font-size:17px;}
.navbar-default .navbar-nav > li > a i{margin-left:3px;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color:transparent; color:#fff;}

.navbar-default .navbar-nav > .open > a{color:#FFC400 !important;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:transparent; color:#fff;}

.product-listing-section, .download-section, .profile-section{width:100%; background-color:rgba(221,221,221,0.22); padding:60px 0;}
.my-realtors-section{width:100%; background-color:#fff; padding:60px 0 40px;}




.filter-bar{width:100%; padding:5px 10px; background-color:#efefef; overflow:hidden;}
.filter-bar p{margin:8px 0 0 0; font-size:22px; line-height:normal; color:#66479b; float:left; text-transform:uppercase; font-weight:600;}
.filter-bar span{float:right; font-size:22px; color:#afaeae; float:right; font-size:30px; margin-top:3px;}




/* The contain-box */
.contain-box {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  line-height:21px;
  font-weight:300;
  padding-top:2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.contain-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.contain-box .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #dad8d8;
  border-radius:0;
}

/* On mouse-over, add a grey background color */
.contain-box:hover input ~ .checkmark {
  background-color: #bdb8b8;
}

/* When the checkbox is checked, add a blue background */
.contain-box input:checked ~ .checkmark {
  background-color: #bdb8b8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.contain-box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.contain-box .checkmark:after {
  left: 4px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #66479b;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.page-heading{text-align:center; color:#BABABA;}
.page-heading h1{font-size:35px; line-height:normal; margin:0 0 5px; font-weight:700;}
.page-heading h1 span{color:#66479b;}
.page-heading p{font-size:15px; letter-spacing:1px;}

.search {
  width: 100%;
  position: relative;
  display: flex;
  -webkit-box-shadow: 3px 7px 27px 4px rgba(102,71,155,0.41);
  -moz-box-shadow: 3px 7px 27px 4px rgba(102,71,155,0.41);
  box-shadow: 0px 6px 20px 0px rgba(102,71,155,0.41);
}

.searchTerm {
  width: 100%;
  background-color:#fff;
  border: none;
  border-right: none;
  padding: 5px 10px;
  height: 55px;
  border-radius:0;
  outline: none;
  color: #66479b;
}

.searchTerm:focus{
  color: #66479b;
}

.searchButton {
  width: 55px;
  height: 55px;
  border: none;
  background-color: #fff;
  text-align: center;
  color: #66479b;
  border-radius: 0;
  cursor: pointer;
  font-size: 24px;
}

.clearButton {
  width: 20px;
  height: 55px;
  border: none;
  background-color: #fff;
  text-align: center;
  color: #66479b;
  border-radius: 0;
  cursor: pointer;
  font-size: 24px;
  margin:0px;
  padding:0px;
  display:none;
}
.wrap{margin:2px auto 40px; max-width:860px;}
.filter-grid{width:100%; padding:15px 20px;}
.filter-grid p{font-size:18px; line-height:normal; color:#707070; margin-bottom:10px;font-weight:600;}
.show-prod{width:100%; margin-bottom:20px;display:table;}
.prod-image{width:100%; height:340px;background-color:#8080801a;display: table-cell;vertical-align: middle;position:relative;}
.prod-image-icon{
	position:absolute;
	top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background:
#4f2788;
width: 50px;
height: 30px;
border-radius: 5px;
color:
#fff;
text-align: center;
}
.prod-image-icon i.fa{
	line-height:30px;
}
.prod-image img{width:auto; max-height:340px; object-fit:cover; object-position:center center;margin:auto;}

.product_detail{display: table-footer-group;}
.product_svg_icon{float:right;}
/*.product_svg_icon ul li a svg:hover .svg-icon{fill: rgba(102, 71, 155, 1.00);
box-shadow: 0px 3px 6px rgba(148, 94, 240, .58);
}*/
.product_svg_icon a svg:hover .svg-icon{fill: rgba(102, 71, 155, 1.00);
box-shadow: 0px 3px 6px rgba(148, 94, 240, .58);
}

.footer-inner-pg{position:relative;width:100%; background:url("../images/footer-inner-bg.jpg") no-repeat center center; height: 89px;}
.footer-text-inner{border:none; padding-top:10px; padding-bottom:20px;}
.footer-text-inner p{color:#fff; font-size:12px; line-height:normal;}
.footer-text-inner p span{text-transform:uppercase;}

.download-grid-sec{width:100%; padding:30px 0;}
.down-text-sec{width:100%; padding:15px 0; overflow:hidden;}
.text-left-sec{float:left;}
.text-left-sec h2{font-size:25px; line-height:0; margin:14px 0 20px; color:#707070; font-weight:500;}
.text-left-sec p{font-size: 18px; line-height: normal; margin: 0; font-weight: 300;}
.text-right-sec{float:right;}
.text-right-sec ul{text-align:right;}
.text-right-sec ul li{float:left; margin-left:20px;}
.text-right-sec ul li:first-child{margin-left:0px;}
.text-right-sec ul li a svg{color:#bababa; font-size:25px; transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out;}
.svg-icon{fill:rgba(90,98,90,.22);}
/*.svg-icon:hover{fill:rgba(102,71,155,1.00); box-shadow:0px 3px 6px rgba(148,94,240,.58);}
*/

.text-right-sec ul li a svg:hover .svg-icon{fill:rgba(102,71,155,1.00); box-shadow:0px 3px 6px rgba(148,94,240,.58);}
.text-right-sec ul li.active a i{color:#66479b;}

.download-right-sec{width:100%; min-height:80px; height:100%; /*overflow:hidden;*/ position:relative; margin-bottom:10px;}
.d-icon{float: left;
padding: 8px 0;
font-size: 28px;
width: 7%;
	height:auto;
color: #66479b;
text-align: center; margin-right:10px;}
.d-icon img{
  width: 100%;
  height: auto;
}

	.d-icon svg{width: 40px; height: auto;}



.d-icon i{font-size:50px;}
.d-text{float:left; width:90%;}
/*.d-text h4{background-color:rgba(218,218,218,.22); height: 50px;
width: 100%; padding: 14px 20px;}*/
.btn-export-button{position: absolute; right: 0; top: 0;}
/*.btn-export-button .btn-export{
   width: 209px;
margin: 0px auto 0 auto;
border: 0;
color: #fff;
border-radius: 40px;
height: 70px;
padding: 10px 36px !important;
font-size: 20px;
line-height: normal;
font-weight: 600;
display: block;
text-align: center;
background: url("../images/add-to-realtor.png") no-repeat center center;
-webkit-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
-moz-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
box-shadow: 0px 5px 15px rgba(102,71,155,0.41);

}*/

.btn-send, .btn-reset, .btn-export{width: 209px;
height: 70px;
margin: 10px auto 0 auto;
font-size: 20px;
line-height: normal;
border-radius: 36px;
padding: 0;
background: url("../images/add-to-realtor.png") no-repeat center center;
font-weight: 500;
-webkit-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
-moz-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
color: #fff;
border: 0;}

.calculate-btn{width: 120px;
height: 40px;
margin: 10px auto 0 auto;
font-size: 16px;
line-height: normal;
border-radius: 36px;
padding: 0;
background: #66479b;
font-weight: 500;
-webkit-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
-moz-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
color: #fff;
border: 0;}
.calculate-btn:active{
  background: #333;
  border: none;
}

.btn-export:hover{color:#fff; text-decoration:none;}

.btn-grey{
  width: 120px; 
  height: 70px;
  margin: 10px auto 0 auto;
  font-size: 20px;
  line-height: normal;
  border-radius: 36px;
  padding: 0; 
  background: url("../images/grey-button.png") no-repeat center center;
  font-weight: 500;
  -webkit-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
  -moz-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
  box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
  color: #fff;
  border: 0;
} 


/* dowload-ico-3-download-pdf.html */

.download-pdf-sec{width:100%; padding:40px 0; overflow:hidden; text-align:center; }
.down-icons{width:100%; font-size:50px; color:#bababa;}
.download-pdf-sec h4{width:100%; padding:10px 0; text-align:center; background-color:#f0f0f0; color:#66479b; margin-top: 25px;}
.download-pdf-sec .btn-download-custom{
	width: 210px;
margin: 10px auto 0 auto;
border: 0;
color: #fff;
border-radius: 34px;
height: 60px;
padding: 15px 0;
font-size: 20px;
line-height: normal;
font-weight: 600;
background: url("../images/add-to-realtor.png") no-repeat center center;
box-shadow: 0px 6px 12px rgba(148,94,240,.58);
-webkit-box-shadow: 0px 6px 12px rgba(148,94,240,.58);
-webkit-box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);
-moz-box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);
box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);
display: inline-block;
}

.btn-download-custom{
	width: auto;
    margin: 10px auto 0 auto;
    border: 0;
	color:#fff;
    border-radius: 20px;
    height: 40px;
    padding: 10px 36px;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    background: url("../images/add-to-realtor.png") no-repeat center center; box-shadow:0px 6px 12px rgba(148,94,240,.58); -webkit-box-shadow:0px 6px 12px rgba(148,94,240,.58);
	
	-webkit-box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);
	-moz-box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);
	box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41); display:inline-block;
}


.btn-download-custom:hover{color:#fff; text-decoration:none;}

.custom-search{-webkit-box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);
-moz-box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);
box-shadow: 0px 5px 15px 4px rgba(102,71,155,0.41);}

.searchButton svg{color:#66479b; fill: currentColor;}
.custom-scrollbar{width:100%; height:350px; background-color:#fff;}
.custom-search-dropdown{min-width:100% !important; border:none; border-radius:0; padding:0 15px; margin:0; box-shadow:none;}

.custom-search-dropdown li{overflow:hidden; padding:8px 0;}
.custom-search-dropdown li .data-detaols-list{width:95%; overflow:hidden; border-top:1px solid #eee; padding:6px 5px;}
.custom-search-dropdown li .image-text{float:left; margin-right:5px; width:60px; height:60px;}
.custom-search-dropdown li .image-text img{margin:0 auto; border-radius:50%; border:1px solid #bababa; width:100%;}
.custom-search-dropdown li .scroll-text {display:inline-block; float:left; padding:4px 5px; width:80%; color:#66479b;}
.all-edit{display:inline-block; text-align:right; float:right; padding: 4px 5px;}
.scroll-text h4{margin:0; font-weight:500;}
.all-edit a i{color:rgba(98,90,90,.22);}
.search-down{padding: 5px 16px !important;}

.page-heading p span{color:#66479b; font-weight:400;}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  /*margin-top:20px;*/
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #ffff;
  -webkit-box-shadow: 3px 7px 27px 4px rgba(102,71,155,0.41);
-moz-box-shadow: 3px 7px 27px 4px rgba(102,71,155,0.41);
box-shadow: 3px 7px 27px 4px rgba(102,71,155,0.41);

}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "\f107";
  top: 0px;
  right: 0px;
  width: 38px;
  height: 38px;
  color: #66479b;
  font-size: 30px;
  font-family: FontAwesome;
  text-align:center;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 0px;
  content: "\f106";
  font-family: FontAwesome;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #66479b;
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
  border:none;
}
.select-items div{border-bottom:1px solid rgba(102,71,155,.4) !important; transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out;}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  height:200px;
  overflow:auto;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #66479b;
  color:#fff;
}
.cus-order-details h3{margin: 0 0 25px;
font-weight: 600;
text-transform: uppercase;
color: #66479b;
font-size: 25px;
line-height: 38px;}

.custom-select .select-selected{background-color: #fff;
box-shadow: 10px 10px 35px rgba(70,19,167,0.25);
height: 80px;
font-size: 22px;
line-height: normal;
padding: 13px 30px 21px 25px !important;
position: relative;}

.custom-select .select-selected::after{
	position: absolute;
    content: "\f107";
    top: 18px;
    right: 56px;
    width: 0;
    height: 0;
    font-size: 40px;
    font-weight: 700;
}
.custom-select .select-selected.select-arrow-active::after {

    border-color: transparent transparent #fff transparent;
    top: 18px;
	content: "\f106";

}


.design-box p{color:#333; font-size:22px; line-height:normal;}
.design-box p.small-text{font-size:16px; line-height:normal; margin:0 0 10px; padding-left:16px; color:#bababa;}
.design-box{margin-bottom:20px; width:100%;}


/* The container */
.contain-round {
  display: block;
  position: relative;
  padding-left: 25px;
  /*margin-bottom: 10px;*/
  cursor: pointer;
  font-size: 16px;
  line-height:25px;
  font-weight:300;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:#bababa;
}

/* Hide the browser's default radio button */
.contain-round input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #F2F2F2;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.contain-round:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.contain-round input:checked ~ .checkmark {
  background-color: #66479b;
  box-shadow:0px 3px 6px rgba(148,94,240,.58);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.contain-round input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.contain-round .checkmark:after {
 	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid #66479b;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



input.custom-width{width:100%; height:75px; background-color:rgba(221,221,221,.22); box-shadow:none; border:none; margin-top:15px; padding:30px; color:#bababa; font-size:22px;}
.design-box p span.red{color:#F00;}
.custom-other-details{width:100%; height:auto; padding: 18px 28px; background-color:rgba(221,221,221,.22); color:#bababa; box-shadow:none; border:none; resize:none;}
.joint-buttons{text-align:center; margin-top:20px;}
.joint-buttons .custom-order{margin:0 20px 0 0;}

.place-order{min-width:320px; max-width:320px;}
.place-order .modal-header{border:none; padding:5px 0 15px 0;margin: -7px -13px 0 0px;}
.modal-content{padding:0 20px 10px 20px; border-radius:0;}
.modal-body{padding:0; text-align:center;}
.modal-body h2{font-size:26px; line-height:36px; margin-bottom:30px;}
.modal-body h2 span{color:#66479b;}
.modal-body p{margin-bottom:20px;}
.modal-body i{font-size:100px; margin-bottom:40px;}
.close{font-size:33px; color:#66479b; opacity:1;}
.close:focus, .close:hover{font-size:33px; color:#66479b; opacity:1;}


/*Profile Page*/
.edit-photo{width:142px; height:142px; margin-right:30px; text-align:center; display:inline-block; float:left;box-shadow: 0px 0px 3px 0px black;
    border-radius: 50%; margin-bottom:100px;}
.profile-form-details{width:1200px; height:auto; display:inline-block; float:left;}
.edit-image-sec{width:100%; height:100%; margin-bottom:20px;}
.edit-image-sec img{width:100%; height:100%; border-radius:50%; border:1px solid #999; object-fit:cover; object-position:center center;}
.edit-photo p a{font-size:22px; line-height:normal; color:#66479B; text-transform:capitalize; letter-spacing:0px; text-decoration:none; font-weight:500;}
.profile-form-details .btn-export{margin:10px 0 30px 0;}
.profile-form-details .form-control{
	max-width:654px; width:100%; background: rgba(221,221,221,.22); padding:25px; border-radius:0px; border:none; box-shadow:none; height:60px; font-size:16px; line-height:normal; color:#605f5f; display:block;
}
.telephone{padding:0 10px; float: left; width:230px;}
.telephone .form-control{max-width:317px; width:100%; }
.office{padding:0 10px; float:left; width:225px;}
.office .form-control{max-width:322px; width:100%;}


.profile-form-details .form-group label{font-weight:400; font-size:22px; line-height:33px; color:#707070; text-transform:capitalize; letter-spacing:0px; margin-left:23px;}

.select-city {padding:0 10px 0 15px;  float:left;}
.select-state {padding:0 10px; float:left;}
.select-state .custom-select-city{position: relative; width: 147px;}
.zipcode {padding:0 10px; float: left;}
.zipcode .form-control{width:147px;}
/*the container must be positioned relative:*/
.select-city .custom-select-city {
  position: relative;
  width: 160px !important;
}

.custom-select-city select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background: rgba(221,221,221,.22);;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "\f107";
  top: 8px;
  right: 35px;
  width: 0;
  height: 0;
 /* border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;*/
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 8px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #66479b;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
.select-selected{position:relative; box-shadow:none; border:none; height:60px; color:#999; font-size: 16px;
padding: 20px 25px;}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #eee;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(102, 71, 155, 0.9);
  color:#fff;
}
.profile-form-details h3{font-size:25px; margin:0 0 8px; color:#66479B; font-weight:700; line-height:38px;}
.profile-form-details p{font-size:16px; line-height: 25px; margin-bottom:27px;}
.edit-icons-details img{vertical-align:bottom; margin-left:5px;}



/*My realtors page*/
.download-row-grid{overflow:hidden; margin:30px 0;}
.down-grid-box{width: 100%;
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
position: relative;
-webkit-box-shadow: 10px 10px 35px rgba(70,19,167,0.25);
-moz-box-shadow: 10px 10px 35px rgba(70,19,167,0.25);
box-shadow: 10px 10px 35px rgba(70,19,167,0.25);
max-width: 686px;
overflow: hidden;
height: 247px;}

.gap40{width:100%; height:40px; overflow:hidden;}
.gap45{width:100%; height:45px; overflow:hidden;}
.edit-icons-details{display: block; margin-bottom: 5px; position: absolute; top: 20px; right: 28px;}
.edit-icons-details a i{margin-left:5px; font-size:20px; color:#bababa; transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out;}
.edit-icons-details a i:hover{color:#66479b;}

.down-grid-image{width: 100%; border-radius: 50%; display: inline-block; max-width: 164px; height: 164px;
float: left; margin-top: 20px; box-shadow:0px 0px 3px #BABABA;}
.down-grid-image img{width:100%; height:100%; object-fit:cover; object-position:center center;  border-radius:50%; margin:0 auto;}

.down-grid-text{width: 290px; color: #66479b; display: inline-block; max-width: 450px; float: left;
margin-top: 53px; margin-left: 25px;}
.down-grid-text h4{font-size: 24px; line-height: 25px; font-weight: 500; margin: 0 0 5px;}
.down-grid-text p{margin: 0; font-size: 18px; line-height: 25px;}

.custom-scrollbar-realtors{width:100%; height:460px; padding: 10px 40px 20px 0px;}

.dropdown-menu{min-width:267px; border-radius:0; padding: 20px 16px 10px 24px; box-shadow: 10px 10px 35px rgba(70,19,167,.25); -webkit-box-shadow: 10px 10px 35px rgba(70,19,167,.25);}
.dropdown-menu > li > a{color:#66479b; font-size:17px; line-height:20px; padding:0; font-weight:500;}
.dropdown-menu > li > a i{float:right; margin-top:2px; color:#999;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{color:#66479b;}
.navbar-right .dropdown-menu{right:15px;}

.dropdown-menu > li > a img{float:right; margin-top:6px;}
.navbar-default .navbar-nav > li > a svg{width: 17px;
height: auto;
vertical-align: middle; color:#fff; fill:#fff;}	

.navbar-default .navbar-nav > .open > a svg{fill: #FFC400;}


.custom-realtors{min-width:404px; padding: 18px 20px; border-radius:0;}
.custom-realtors a{display: inline-block;
padding: 6px;
border-radius: 50%;
width: 32px;
height: 32px;
text-align: center;
float: left; border: 1px solid #d4d4d4;}
.custom-realtors a i{color:#d4d4d4; margin-top: 2px;}
.custom-realtors p{display:inline-block; margin: 2px 0 0 5px;}
.custom-realtors p a{text-transform:uppercase; border:none; border-radius:0%; width:auto; height:auto; font-size:17px; line-height:14px; color:#66479b; font-weight:500;}
.custom-realtors p a:hover{text-decoration:none;}
.under{border-bottom: 1px solid #d4d4d4;
padding-bottom: 10px;
width: 310px;}
 .custom-realtors .custom-li li{overflow: hidden;
padding: 10px 0 10px;
border-bottom: 1px solid #d4d4d4;
width: 310px;
position: relative;}
.custom-realtors .custom-li li .image-text{float: left;
margin-right: 5px;
width: 62px;
height: 62px;
box-shadow: 0px 0px 4px 0px #999696;
border-radius: 50%;
margin-left: 2px;
}
.custom-realtors .custom-li li .image-text img{margin: 0 auto;
border-radius: 50%;
/*border: 1px solid #bababa;*/
width: 100%;
height:100%;
}

.custom-realtors .custom-li li .scroll-text{display: inline-block;
float: left;
padding: 4px 5px;
width: auto;
color: #66479b;}
.custom-realtors .custom-li li .scroll-text h4{
    margin: 0;
font-weight: 500;
font-size: 14px;
line-height: normal;
}
.custom-realtors .custom-li li .scroll-text h4 a, .custom-realtors .custom-li li .scroll-text p a{color:inherit; text-decoration:none; width:auto; height:auto; border:none; border-radius:0; padding:0; text-transform:none; font-size:20px; font-weight:600;}
.custom-realtors .custom-li li .scroll-text p{font-size: 12px;
line-height: normal;
margin: 0;}
.custom-realtors .custom-li li .all-edit {
   padding: 4px 5px;
position: absolute;
top: 18px;
right: 0;
}
.custom-realtors .custom-li li .all-edit a{border:none;}
.custom-li .simplebar-scrollbar{width: 22px !important;}
.custom-li .simplebar-track.simplebar-vertical{width:21px !important; border-radius: 20px;visibility: visible !important;}
.custom-li .simplebar-track.simplebar-vertical .simplebar-scrollbar::before{top:-1px; border-radius: 20px;}



.my-realtors-section .simplebar-track.simplebar-vertical{top:10px !important; width:38px !important; border-radius: 20px;}
.my-realtors-section .simplebar-scrollbar::before{border-radius: 20px;
background: rgba(102,71,155,1);
background: -moz-linear-gradient(top, rgba(102,71,155,1) 0%, rgba(131,28,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,71,155,1)), color-stop(100%, rgba(131,28,221,1)));
background: -webkit-linear-gradient(top, rgba(102,71,155,1) 0%, rgba(131,28,221,1) 100%);
background: -o-linear-gradient(top, rgba(102,71,155,1) 0%, rgba(131,28,221,1) 100%);
background: -ms-linear-gradient(top, rgba(102,71,155,1) 0%, rgba(131,28,221,1) 100%);
background: linear-gradient(to bottom, rgba(102,71,155,1) 0%, rgba(131,28,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66479b', endColorstr='#831cdd', GradientType=0 );
}

.my-realtors-section .simplebar-scrollbar{width:39px !important;}


.custom-li{width: 100%; height: 387px; background-color: #fff;}

/*Profile Navigation Dropdown*/
.dropdown-profile{min-width:354px; padding: 20px 20px 12px 20px; width:100%;}
.profile-edit-sec .image-text{margin-right: 10px; width: 62px; height: 62px; float: left; display: inline-block;box-shadow: 0px 0px 2px 0px #847b7b;
border-radius: 50%;margin-left: 2px;margin-top: 3px;}
.profile-edit-sec .image-text img{margin: 0 auto; border-radius: 50%;
width: 100%;} 

.profile-edit-sec .all-edit{padding: 4px 5px; position: absolute; top: 10px; right: 0;}

.profile-edit-sec .scroll-text{display: inline-block; float: left; width: auto; margin-top: 10px;
margin-bottom: 15px;}
.profile-edit-sec .scroll-text h4 a{color:#66479b; margin:0; font-weight:500;}
.profile-edit-sec .scroll-text p a{color:#66479b;}
.profile-edit-sec .scroll-text h4 a:hover{text-decoration:none;}
.profile-edit-sec .scroll-text p a:hover{text-decoration:none;}
.profile-edit-sec{width: 100%; height: auto; overflow: hidden; padding-top: 0; padding-bottom: 0; border-bottom: 1px solid rgba(98,90,90,.22); position: relative;}
.profile-edit-sec .scroll-text p{margin:0px; font-size:14px; line-height:18px;}
.dropdown-profile > li > a .images-pro{width:18px; height:18px; display:inline-block; padding-top:6px; margin-right:6px;}
.dropdown-profile > li > a p{display:inline-block; margin:0; font-size:11px; line-height: 25px !important;}
.dropdown-profile > li > a img{float:left; margin:0;}
.dropdown-profile > li > a{padding:3px; font-size:11px;}
.dropdown-profile > li > a i{float: left;
margin-right: 6px;
font-size: 14px;
width: 17px;
height: 17px;
text-align: center;
display: inline-block; color:#b6b6b6;}

.reset-pass-form label{font-size:16px; font-weight:400; margin:0;}
.dropdown-profile li{font-size:13px;}

.custom-realtors .custom-li li .scroll-text p a{font-size:11px; font-weight:400;}

/*My realtors delete page*/
.delete-realtors{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.74); padding: 44px 15px 47px; text-align: center; -webkit-box-shadow: 10px 10px 35px rgba(70,19,167,0.25); -moz-box-shadow: 10px 10px 35px rgba(70,19,167,0.25);
box-shadow: 10px 10px 35px rgba(70,19,167,0.25);
}
.delete-realtors img{margin: 0 auto 17px;}
.delete-realtors p{font-size: 24px; font-weight: 500; color: #fff; margin: 0 0 20px; sline-height: 35px;}
.btn-yes, .btn-no{
	
	background: url("../images/yes.png") no-repeat center center; background-size: cover;
	-webkit-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
	-moz-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
	box-shadow: 0px 5px 15px rgba(102,71,155,0.41);	
	color:#fff; font-size:20px; font-weight:500; border-radius:20px; border:none; margin-right:25px; width: 104px; height: 39px;
}
.btn-no{margin-right:0px !important;} 


/*My Marketing Page*/
.my-marketing{width:100%; background-color:#fff; padding:60px 0;}
.my-marketing h2{font-size:25px; line-height:normal; color:#66479B; text-transform:uppercase; margin:0 0 15px; font-weight:700;}
.my-downloads ul{}

/*.my-downloads ul li{width:100%; position:relative; background-color:rgba(221,221,221,.45); padding:11px 14px; font-size:15px; line-height:normal; margin:0 0 20px;}*/

.my-downloads ul li {
    width: 100%;
    position: relative;
    background-color: rgba(221,221,221,.45);
    padding: 15px 14px;
    font-size: 15px;
    line-height: normal;
    margin: 0 0 20px;
    height: 50px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}




.my-downloads ul li p{margin:0; font-size:13px; color:#66479B;}
.my-downloads ul li .btn-download{ width:137px; height:50px; text-align:center;   background: url("../images/add-to-realtor.png") no-repeat center center; box-shadow:0px 6px 12px rgba(148,94,240,.58); -webkit-box-shadow:0px 6px 12px rgba(148,94,240,.58); font-weight:600;
	padding:12px 0px !important; border-radius: 24px; border:none; font-size:17px; color:#fff; position:absolute; right:0; top:0; text-transform:capitalize;}

.my-requests ul li .btn-download{ width:137px; height:50px; text-align:center;   background: url("../images/add-to-realtor.png") no-repeat center center; box-shadow:0px 6px 12px rgba(148,94,240,.58); -webkit-box-shadow:0px 6px 12px rgba(148,94,240,.58); font-weight:600;
	padding:11px 0px; border-radius: 24px; border:none; font-size:17px; color:#fff; position:absolute; right:0; top:0; text-transform:capitalize;}



.btn-download:hover{color:#fff; text-decoration:none;}


.my-requests ul{}
.my-requests ul li{width:100%; position:relative; background-color:rgba(221,221,221,.45); padding:11px 14px; font-size:15px; line-height:normal; margin:0 0 20px; height: 50px;border-top-right-radius: 14px;border-bottom-right-radius: 14px;}
.my-requests ul li p{margin:0; font-size:13px; color:#66479B;}

.my-downloads-page-scroll{width:100%; height:450px; background-color:#fff;}
.download-pg{width:100%; overflow:hidden; padding:0 15px;}
.full-box{width:100%; overflow:hidden; padding:0 30px;}


/*Open House page*/

.open-house-section {
    width: 100%;
    background-color: #fff;
    padding: 60px 0 40px;
}
.gap55{width:100%; height:55px; overflow: hidden;}
.mt-32{margin-top:32px !important; margin-bottom:14px !important;}


/*Open House form page*/

.open-house-form{width:747px; overflow: hidden; border: 1px solid #bababa; font-size:16px; line-height: normal; color:#bababa;}
.sect-1{width:100%; padding:20px 13px 5px; overflow: hidden; }

.sect-1 .address-1{float:right;}
.form-typical{width:215px; height:34px; border:1px solid #bababa; padding: 6px 13px; margin-bottom: 5px; display:block;}
.gap26{width:100%; height:16px; float: left;}
.offer-per-month{width:100%; float:left;}
.offer-details{float:left;}
.per-amt{display:inline-block; border:1px solid #bababa; width:114px; height: 45px;}
.per-text{display:inline-block; border:none; height: 45px; max-width: 174px; width: 100%;}

.offer-at{float:right;}
.offer-at .offer-text{width:160px; height:45px; float:right;}

.sect-2{width: 100%; height:146px; position: relative; float:left; border:1px solid #bababa;}

.form-close{width: 40px; height:30px; background: url("../images/path_151.png") no-repeat center center; position: absolute; top:15px; right:15px; background-color: transparent; border: none;}

.sect-3{width:100%; padding:6px 15px; float:left; border-top: none; text-align:center;}

.sect-3 ul{list-style-type: none; text-align: center; margin-bottom: 6px;}
.sect-3 ul li{width:202px; height:137px; border:1px solid #bababa; display: inline-block; margin: 0 20px 0 0; position: relative;}

.sect-3 ul li:last-child{margin-right:0px;}

.tick-desc-section{width: 100%; overflow: hidden;}
.tick-opt{width: 232px;
height: 84px;
float: left;
padding: 7px 11px 7px 14px;
margin-right: 9px;}

.tick-opt .tick-mark-form{width: 86px;
height: 26px;
text-align: center;
margin: 0 32px 13px 0;
display: inline-block;
float: left;
margin-right: 32px;} 
.tick-opt .mr-0{margin-right:0px !important;}

.desc-opt {width:474px; height:85px; float:left;}
.desc-opt-text{width:100% !important; min-height: 100%; font-size:16px; line-height: normal; resize: none;}

.sect-4{width:100%; overflow: hidden; padding: 0 15px;}
.loan-downpay{width:230px; height:auto; display:inline-block; float: left; margin-right:12px; margin-bottom: 6px;}
.loan-downpay:last-child{margin-right:0px;}

.loan-amt{width: 100%; overflow: hidden; margin-bottom: 3px;}
.loan-amt .loan-pay-text{width:120px; height:28px; float: left; margin:0;}
.loan-amt .down-pay-text{width:107px; height:28px; float:right; margin:0;}
.int-rate-amt{width:100%; overflow: hidden;}
.int-rate-amt .left-part-img{float: left; width: 155px; height: auto;}

.int-rate-amt .right-panel-text{float: right;}

.right-panel-text .rate-text{width:75px; height:25px; margin:0 0 2px;}

.apr-total{width:100%; overflow: hidden;}
.apr-total .apr-text{width:151px; height:25px; float:left; margin:0;}
.apr-total .total-text{width:75px; height:25px; float:right; margin:0;}

.select-realtors-sec{width:286px; height:106px; border:1px solid #bababa; position:relative; float:right; margin-bottom:6px;}

.sect-5{width:100%; padding:0 15px; overflow: hidden;}
.sect-5 .disclaimer{max-width:720px; width:100%; min-height:102px; resize:none; overflow:auto; border:1px solid #bababa; margin-bottom: 12px;}

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

.open-house-section .btn-export{
	width: 120px;
height: 40px;
margin: 10px auto 0 auto;
font-size: 12px;
line-height: normal;
border-radius: 20px;
padding: 0;
background: url("../images/add-to-realtor.png") no-repeat center center;
-webkit-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
-moz-box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
box-shadow: 0px 5px 15px rgba(102,71,155,0.41);
color: #fff;
border: 0; display:block;
}

p.login_msg
{
  font-size: 11px !important;
  margin: 0px !important;
  color: red;
}

.profile_list{
  padding-top: 10px;
  color: #66479b;
  padding-left:5px;
}

.alert_msg{
  color: red;
}

.profile_list_2{
  color: #66479b;
}
.custom-realtors_order
{
	min-width: 556px !important;
}
.custom-realtors_order .custom-li li
{
	width: 496px !important;
}

/***********dynamic*********profile**on-image**************/
.down-image {
    position: relative;
}

.dynamic-profile {

    position: absolute;
    color: #6d3fa9;
    bottom: 70px;
    display: flex;
    width: 100%;
}

.dy-pro {
    display: flex;
}

.dy-pro-img {
    width: 70px;
    height: 70px;
    background: #a9a8a857;
    border-radius: 50%;
    margin-top: 7px;
    box-shadow: 0px 2px 4px grey;
    overflow: hidden;

}
.dy-pro-img img{
  width:100%;
  height:100% !important;
}

.dy-pro-text {
    padding: 20px 0px 0px 10px;
}

.dy-pro-text h3 {
    margin: 0px;
    font-size: 12px;
    font-weight: 900;
    text-transform: capitalize;
    font-family: sans-serif;
}

.dy-pro-text p {
    margin: 0px;
    font-size: 10px;
    text-transform: capitalize;
}

.dy-contact {
    margin-left: -15px;
    padding-top: 23px;
}

.dy-contact p {
    font-size: 10px;
    margin: 0px;
}

.dy-contact p span {
    font-weight: 700;
    font-family: sans-serif;
}
.logo_image img{
width:100%;
margin-top: 5px;
}
.dy-codeno {
    background: #4f2d84;
    position: absolute;
    bottom: -32px;
    right: 14px;
    width: 390px;
	text-align:right;
}
.logo_image img
{
	width:100%;
	margin-top:5px;
}

.dy-codeno p {
    font-size: 7px;
    color: #eae8eeba;
    margin: 0px;
}

/***********dynamic-profile**on-image-2**************/
.dynamic-profile2 {
    position: absolute;
    color: #6d3fa9;
    bottom: 77px;
    display: flex;
    width: 100%;

}

.dy-pro2 {
    display: flex;
}

.dy-pro-img2 {
    width: 70px;
    height: 70px;
    background: #a9a8a857;
    border-radius: 50%;
    margin-top: 17px;
    box-shadow: 0px 2px 4px grey;
    overflow: hidden;

}
.dy-pro-img2 img{
  width: 100%;
  height: 100% !important;
}
.dy-pro-text2 {
    padding: 15px 0px 0px 10px;
}

.dy-pro-text2 h3 {
    margin: 0px;
    font-size: 12px;
    font-weight: 900;
    text-transform: capitalize;
    font-family: sans-serif;
}

.dy-pro-text2 p {
    margin: -2px 0px 0px 0px;
    font-size: 10px;
    text-transform: capitalize;
}
.logo_image2{
    position: absolute;
    width: 120px;
    margin-left: 200px;
   
}
.logo_image2 img{
    width: 100%;
}
.text-align {
    text-align: right;
    padding-right: 10px;
}

.dy-codeno2 {
    background: #4f2d84;
    position: absolute;
    bottom: -38px;
    right: 12px;
	text-align:right;
}

.dy-codeno2 p {
    margin: 0px;
    font-size: 7px;
    color: #eae8eeba;
    margin: 0px;
}

/***********dynamic-profile**on-image-3**************/
.dynamic-profile3 {
    position: absolute;
    color: #6d3fa9;
    bottom: 80px;
    display: flex;
    width: 100%;
}

.dy-pro-img3 {
    width: 65px;
    height: 65px;
    background: #a9a8a857;
    border-radius: 50%;
    box-shadow: 0px 2px 4px grey;
    overflow: hidden;
}
.dy-pro-img3 img{
  width: 100%;
  height: 100% !important;
}
.dy-codeno3 {
    position: absolute;
    bottom: -20px;
    left: -123px;
	text-align:right;
}

.dy-codeno3 p {
    margin: 0px;
    font-size: 7px;
    color: #eae8eeba;
    margin: 0px;
}

/***********dynamic-profile**on-image-4**************/
.dynamic-profile4 {
    position: absolute;
    color: #6d3fa9;
    bottom: 75px;
    display: flex;
    width: 100%;
}

.dy-pro-img4 {
    width: 70px;
    height: 70px;
    background: #a9a8a857;
    border-radius: 50%;
    box-shadow: 0px 2px 4px grey;
    overflow: hidden;
}
.dy-pro-img4 img{
  width: 100%;
  height:100% !important;
}
.logo_image4{
    position: absolute;
    width: 120px;
    margin-left: 200px;
}
.logo_image4 img{
    width: 100%;
}
.dy-codeno4 {
    
    position: absolute;
    bottom: -16px;
    left: 15px;
	text-align:right;
}

.dy-codeno4 p {
    margin: 0px;
    font-size: 7px;
    color: #eae8eeba;
    margin: 0px;
}

/***********dynamic-profile**on-image-5**************/
.loan-pro {
    position: absolute;
    color: #fff;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.loan-img {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    overflow: hidden;
}
.loan-img img{
  width: 100%;
  height: 100% !important;
}

.loan-text h3 {
    margin: 0px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    padding-top: 10px;
   font-family: sans-serif;
}

.loan-text p {
    margin: 0px;
    text-transform: capitalize;
    font-size: 15px;
    color: #ffffffde;
    font-family: sans-serif;
}

/* Profile Image Section */
.image-container .croppie-container .cr-boundary{
  border-radius: 50%;
}
#myBtn{
  cursor: pointer;
  color: #66479b;
  font-weight: bold;
}
.hover-menu:hover > ul.dropdown-menu{
  display: block;
}

.btn-export-button .btn-export{width: 120px; margin: 0px auto; height: 40px; padding:10px 0; font-size: 15px; text-align: center; display:block; right: 0; position: absolute;font-weight: 600;}
.d-text h4 {
    padding: 6px 4px;
    font-size: 15px;
    height: auto;
	background-color:rgba(218,218,218,.22);
}
#cropped_preview img{
  width: 100%;
  height: 100%;
}
.filter_sort
{
	    float: right;
    
    height: 30px;
    
    color: #4f2e89;
    
    margin-top: 5px;
    border: none;
    padding: 0px 10px;
    margin-bottom: 5px;
}

.my-downloads ul li .btn-download.download_font_center, .my-requests ul li .btn-download.download_font_center
{
  padding: 0 ! important;
  line-height: 43px;
}

a:focus.btn-export, a:hover.btn-export {
    color: #fff;
    text-decoration: none;
}

@font-face{
  font-family: avenir;
  src: url(../font/Avenir/avenir_ff/AvenirLTStd-Black.otf);
}

@font-face{
  font-family: avenir_next;
  src: url(../font/Avenir_pro/30716573843.ttf);
}

@font-face{
  font-family: avenir_next_regular;
  src: url(../font/Avenir_pro/26301410506.ttf);
}

@font-face{
  font-family: avenir_next_bold;
  src: url(../font/Avenir_pro/25381880192.ttf);
}