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

body { margin:0; padding:0; }
.body { padding:0; background-color:#77C8FB !important; padding-bottom:10px; }


#block{ max-width: 700px; margin: 0 auto; overflow-x: auto; }
#block p { text-align: center; font-size: 18px; font-weight: 700; font-style: normal; color: #000000; padding: 5px; }

.container-fluid { width: auto; margin-left: 40px; margin-right: 40px; }

.join-box { background-color:#f1f1f1; border: 1px solid #0066cc; margin-top:30px; padding:10px; }
.join-box h1 {   font-size:42px; font-weight:500; text-align:center; }
.join-box p {   font-size:22px; font-weight:500; text-align:center; color:#949495; margin-top:7px; }
.buttons .btns { border: 2px solid #6386ea; border-radius: 50px; padding:20px 45px; }
.buttons { margin-bottom: 25px; margin-top:25px; }
.buttons a { font-size: 22px !important; color:#949495; text-decoration: none; }
span{ color:#f1f1f1; }
span:hover{}


.jbl-search ::placeholder { color: #222; opacity: 1; /* Firefox */ }
.jbl-search > p { color:#f1f1f1; }
.buttons a:hover { background-color:#1e73be; color:#ffffff  !important; }
.container { width:800px; margin: 0 auto; border: 5px solid #2daaf9; background-color:#ffffff; }
.joinbuyers-head img { margin: 0 auto; }
.joinbuyers-head h4 { text-align:center;   font-size:32px; font-weight:500; padding:10px; }
.joinbuyers-image { background-color:#a21c41; position: relative; top:0px; }
.joinbuyers-image img { margin: 0 auto; }

ul li{ color: #222; text-align: center; font-weight: 500; }
.clear { clear:both; }
.clearfix { padding-bottom: 20px; }
.btn {background-color:#006E86; text-align:center;   font-size:18px; font-weight:500; margin:0 auto; color:#ffffff; text-decoration: none;}

.col-sm-6 { margin: 0 auto; }

.line-separate { background-color: #77C8FB !important; height: 5px; margin-bottom: 40px; margin-top: 30px; margin-left: 20px; margin-right: 20px; position: relative; top: 5px; }
.join-summery { background-color:#01A4C5; position:relative; }
.join-summery h3 { text-align:center;   font-size:28px; font-weight:500; padding:30px; color:#FFFFFF; margin-top: 0px; }
.join-summery h4 { text-align:center;   font-size:22px; font-weight:500; padding:10px; color:#111111; }
.join-summery h5 { text-align:center;   font-size:20px; font-weight:bold; padding:10px; color:#111111; }
.join-summery p { text-align:center;   font-size:20px; font-weight:bold; padding:10px; color:#ffffff; }
/* ----------------------------------------------------------------------------------------------*/
.contact-link { text-align:center; padding-bottom:110px; }
.contact-link ul { width:82%; }
.contact-link ul li {list-style:none; float:right; margin:0 auto; padding-left:10px; padding-right:10px; text-align:center; -webkit-align-content:center; align-content:center; }
.contact-link ul li a img { border-radius:50px; width: 85px; }
.contact-link img:hover { box-shadow: 2px 2px 2px #369D47; }

.jbl-search { background-color:#a9dcfd; text-align:center; padding:10px; height:600px; margin: 0 auto; }
.jbl-search ul { width:85%; }
.jbl-search ul li {list-style:none;float:right;margin:0 auto; padding-left: 10px; padding-right: 10px; text-align: center; align-content: center; -webkit-align-content: center;}
.jbl-search h6{ font-size: 16px; color: #000000; font-weight: 700; width: 115px; text-align: center; }

.contact-link h6{ font-size: 16px; color: #77C8FB; font-weight: 600; width: 115px; text-align: center; }
.jbl-search ul li a img { border-radius:50px; width: 85px; }
.jbl-search img:hover { box-shadow: 2px 2px 2px #ffffff; }
.jbl-search  input[type=text], .jbl-search  input[type=number] {width: 50%; padding: 12px 10px; margin: 8px 0; box-sizing: border-box; border: 2px solid #fff; outline: none; border-radius:5px 0 0 5px; }

.jbl-search p{ color: #ffffff; font-size: 22px !important; font-weight: 700 !important; font-style: normal !important; }
.notfound { height:100px; }
.notfound h4{ text-align:center; }

#allfilter input[type=text], #allfilter input[type=number]{width:30%;padding: 14px 11px; margin: 8px 3px 8px;box-sizing: border-box; border:none; outline: none;border-radius:0; font-size:13px; font-weight:900;}
#allfilter > .search_filter > input[type=text], #allfilter > .search_filter > input[type=number] {width: 60%; padding: 14px 11px; margin: 8px; box-sizing: border-box; border: none;outline: none; border-radius:5px !important; }
#allfilter select{ width: 60%; padding: 14px 11px; margin: 8px; border-radius:5px !important; border:1px solid aliceblue; }
#allfilter label{ font-size:16px !important; color: #000000 !important; position: relative !important; top:8px !important; width:100% !important; margin-bottom: 15px; }
#allfilter #price_max, #allfilter #end_dt { border-left: 1px solid #adabab; }
#allfilter button { padding:13px 11px; margin-left:-2px; background-color:#77C8FB; color:#fff; border-radius:0; border:none; font-weight: 900 !important; border-radius:5px 5px 5px 5px !important; width: 60%; }
#allsearch { font-weight: 900; font-size: 13px; color:#222; }
#taxselect { font-weight: 900; font-size: 13px; color:#222; }
#start_dt { font-weight: 900; font-size: 13px; color:#222; border-radius:5px 0 0 5px !important; }
#end_dt { font-weight: 900; font-size: 13px; color:#222; border-radius:0 5px 5px 0 !important; }

#allfilter button:hover, #allfilter button:focus { background-color:#77C8FB; }

.jbl-search input[type=text]:focus, .jbl-search input[type=number]:focus { background-color:#EBEBEB; }
.jbl-search button { padding:16px 30px; margin-left:-5px; background-color:#77C8FB; color:#fff; border-radius:0 5px 5px 0; border:none; position: relative; top:0px; }

.jbl-search button:hover, .jbl-search button:focus { background-color:#0daae6; }
.search-form .fa{ font-size: 16px !important; }

.post-tax{ text-align: center; }
.post-tax a{ font-size: 20px; color: #d0760b; font-weight: 600; }

.carousel-control.left { background-image:none !important; }
.carousel-control.right { background-image:none !important; }

/*-----------------------------Tooltip----------------------------------------------------*/

.tooltip{ font-size: 16px;  font-weight: 700; }
/*Change the size here*/
.tooltip-inner { max-width: 270px !important; width: 300px !important; padding: 3px 0px !important; }
.oggchat_div{ display: none !important; }
/*------------------------------------------------------------------------------------------------*/
button .close{ padding: 10px !important; }
.close{ opacity: 0.9 !important; }
.modal-body{ height: auto !important; padding: 14px 40px; }
.form-control{ border-radius: 0px !important; }
.modal-content{ border-radius: 0px !important; box-shadow: none !important; border-color: #359D46 !important; }
.form-control:focus{ border-color: #359D46 !important; box-shadow: none !important; }
.modal-logo{ text-align: center; }
.modal-logo h3{ font-size: 24px !important; }
#cnct label{ font-size: 16px !important; }
#cnct .btn{ color: #ffffff !important; background-color: #359D46 !important; border-radius: 0px !important; }
/*-------------------------------------------------------------------------------------*/
span { color:#ffffff;   font-size:20px; font-weight:bold; }
.join-summery h6 { text-align:center;   font-size:16px; font-weight:500; padding:10px; font-style:italic; color:#111111; }
.join-realstate-image img { margin: 0 auto; }
.join-realstate-image h3 {text-align:center;  font-size:24px; font-weight:bold; color:#000; margin: 0 auto; padding: 10px; max-width: 700px;}
.join-realstate-image h4 { text-align:center;   font-size:24px; font-weight:bold; color:#111111; }
.join-realstate-image h5 {text-align:center;   font-size:24px; font-weight:bold; color:#111111; }
.join-realstate-image h1 { text-align:center;   font-size:32px; font-weight:bold; padding: 10px; color:#000; }
.button { margin-top: 12%; margin-left:1 }

.scrollup{ width:50px; height:50px; position:fixed; bottom:50px; right:100px; display:none; background: url('https://inventory.joinbuyerslist.com/wp-content/uploads/2021/01/to_top_arrow.png') no-repeat; color: #ffffff; }
.scroll a{ margin: 0 auto; }

ul { list-style: square; }
.carousel-inner img{ max-width: 640px !important; max-height: 480px !important; }
.page_footer h4 { text-align:center !important;   font-size:18px; font-weight:bold; color:#ffffff; }
.button1 { margin-top: 2%; text-align: center; }
p { text-align:center; font-size:18px; font-weight:bold; font-style:normal; color:#111111; padding:5px; color: #7bb512 }

#prod-img .img-size {width: 500px!important; height: 300px!important; max-width: 500px!important; min-width: 500px!important;}
#car-img .img-size {width: 500px!important; height: 300px!important; max-width: 500px!important; min-width: 500px!important;}
.carousel {height: auto !important; }

.datepicker table tr td span { color:#000; }

@media (max-width: 968px) {
.container { width:auto; margin: 0 auto; }
.button { margin-top: 5%; }
}

@media (max-width: 768px) {
.container { width:auto; margin: 0 auto; }
.btn { font-size:12px; font-weight:500; }
.jbl-search ul{ width: 615px !important; }
.contact-link ul{width: 85% !important; }
}

@media (max-width: 736px) {
.scroll { display:none; }
.container { width:auto; margin: 0 auto; }
.carousel{ width: auto !important; height:220px !important; }
#car-img  img{ height: 220px !important; }
#prod-img img{ height: 220px !important; }
.jbl-search button { background-color:#01adef; border: medium none; border-radius: 0 5px 5px 0; color: #fff; margin-left: -5px; padding: 12px 20px; position: relative; top: 2px; }
.contact-link{ padding-bottom: 360px !important; }
.jbl-search ul { width:72% !important; }
.contact-link ul { width:70% !important; }
.jbl-search{ height: 605px !important; }
/*.jbl-search  input[type=text], .jbl-search  input[type=number] { width: 60% !important; }*/
}

@media (max-width: 414px) {
.jbl-search  input[type=text], .jbl-search  input[type=number] { width: 70% !important; }
.jbl-search{ height: 810px !important; }
#allfilter select { width:85% !important; padding:10px 11px !important; }
#allfilter input[type=text], #allfilter input[type=number]{ width:42.5% !important; padding:10px 11px !important; }
#allfilter button { width:85% !important; }
#allfilter > .search_filter > input[type=text], #allfilter > .search_filter > input[type=number] { width:85% !important; }
.carousel-inner img{ height:220px !important; }
}

@media (max-width: 412px) {

.container { width:auto; margin: 0 auto; }
.carousel{ width: auto !important; height:220px !important; }
#car-img  img{ height: 220px !important; }
#prod-img img{ height: 220px !important; }
.jbl-search button { background-color: #01adef; border: medium none; border-radius: 0 5px 5px 0; color: #fff; margin-left: -5px; padding: 12px 20px; position: relative; top: 1px; }
.jbl-search ul { width:72% !important; }
.contact-link ul { width:71% !important; }
.jbl-search  input[type=text], .jbl-search  input[type=number] { width: 70% !important; }
.jbl-search{ height: 810px !important; }
.jbl-search ul li { padding-right:22px !important; }
#allfilter select { width:85% !important; padding:10px 11px !important; }
#allfilter input[type=text], #allfilter input[type=number] { width:42.5% !important; padding:10px 11px !important; }
#allfilter button { width:85% !important; }
#allfilter > .search_filter > input[type=text], #allfilter > .search_filter > input[type=number] { width:85% !important; }
.carousel-inner img{ height:220px !important; }
}

@media (max-width: 360px) {
.container { width:auto; margin: 0 auto; }
.carousel{ width: auto !important; height:220px !important; }
#car-img  img{ height: 220px !important; }
#prod-img img{ height: 220px !important; }
.carousel-inner img{ height:220px !important; }
.jbl-search button { background-color: #01adef; border: medium none; border-radius: 0 5px 5px 0; color: #fff; margin-left: -5px; padding: 12px 20px; position: relative; top: 2px;}
.jbl-search  input[type=text], .jbl-search  input[type=number] {width: 73% !important; }
.contact-link ul { width:75% !important; }
.jbl-search ul { width:80% !important; }
.oggwindow { right:6px!important; bottom:30px; }
.jbl-search{ height: 825px !important; }
#allfilter > .search_filter > input[type=text], #allfilter > .search_filter > input[type=number] { width:90% !important; }
#allfilter select { width:90% !important; padding:10px 11px !important; }
#allfilter input[type=text], #allfilter input[type=number] { width:45% !important; padding:10px 11px !important; }
#allfilter button { width:90% !important; }
#allfilter label{ font-size:14px !important; }
.jbl-search button { position: relative; top: 2px; }
}

@media (max-width: 320px) {
.container { width:auto; margin: 0 auto; }
.carousel{ width: auto !important; height:220px !important; }
#car-img  img{ height: 220px !important; }
.jbl-search button { background-color: #01adef; border: medium none; border-radius: 0 5px 5px 0; color: #fff; margin-left: -5px; padding: 12px 20px; position: relative; top: 1px; }
#prod-img img{height: 220px !important; }
.contact-link ul { width:77% !important; }
.jbl-search ul li{ margin: 0 23px !important; padding-right: 0px; padding-left: 0px; }
.jbl-search ul { width:87% !important; }
.jbl-search  input[type=text], .jbl-search  input[type=number] { width: 70% !important; }
.oggwindow { right:8px; bottom:30px; }
.jbl-search{ height: 815px !important; }
#allfilter select { width:90% !important; padding:9px 11px !important; }
#allfilter input[type=text], #allfilter input[type=number] {width:45% !important; padding:9px 11px !important; }
#allfilter button {width:90% !important; }
#allfilter > .search_filter > input[type=text], #allfilter > .search_filter > input[type=number] { width:90% !important; }
#allfilter label{ font-size:13px !important; }
#allmlsfilter button { width:90% !important; }
.jbl-search button { padding:11px 20px !important; position: relative; top: 2px; }
.carousel-inner img{ height:220px !important; }
}